Ken, here is a modified version of the Integer slider field renderer that shows the Integer value as well:
var field = arguments[0], value = arguments[1], $ = skuid.$; if (field.mode == 'read') { skuid.ui.fieldRenderers.INTEGER.read(field,value); } else if (field.mode == 'edit') { var amt = $('') .text(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 || 0, min: 0, max: 10, step: 1, 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(ui.value); } }); var sliderContainer = $('').append(amt,slider); field.element.append(sliderContainer); }
