Add display of value to slider example.

Questions
21

Hi Bill , yes I had figured out some sort of solution, here’s a snippet that I use for that

var params = arguments[0],
$ = skuid.$;
var field = arguments[0],
value = arguments[1],
$ = skuid.$;

if (field.mode == ‘read’) {
skuid.ui.fieldRenderers.DOUBLE.read(field,value);
} else if (field.mode == ‘edit’) {
var amt = $(‘

’)
.text(skuid.ui.renderers.DOUBLE.read({ value: value || ‘0’ }));
// Render a jQuery ui slider
// with step size 1 and boundary range [0,10].
// Whenever this slider is updated,
// our row will be updated as well
var slider = $(‘
’).slider({
value:value || field.row.Buy_Rate__c,
min: field.row.Buy_Rate__c,
max: field.row.Sell_Rate__c,
step: 0.001,
slide: function( event, ui ) {
// Update our model with the new value
field.model.updateRow(
field.row,
field.id,
ui.value,
{ initiatorId : field._GUID}
);
amt.text(skuid.ui.renderers.DOUBLE.read({ value: ui.value,
decimalPlaces: 3
}));
}
});
var sliderContainer = $(‘
’).append(amt,slider);
field.element.append(sliderContainer);
}

22

This is the part you need to change:
    
        value:value || field.row.Buy_Rate__c,  <— the starting value (even though there is 1 bug i did not figure, is that the slider always starts at 0, until I start moving it then it adjust to this value)

        min: field.row.Buy_Rate__c,  <---- the field to enter min Value

        max: field.row.Sell_Rate__c,  <— the field to enter max value

        step: 0.001,  <-----increments