comindware.core.ui/demo/app/cases/editors/RangeEditor.js

Comindware Core UI provides the basic components like editors, lists, dropdowns, popups that we so desperately need while creating Marionette-based single-page applications.

import CanvasView from 'demoPage/views/CanvasView';

export default function() {
    const model = new Backbone.Model({
        value: '5'
    });

    return new CanvasView({
        view: new Core.form.editors.RangeEditor({
            model,
            key: 'value',
            autocommit: true,
            min: 1,
            max: 10,
            step: 1
        }),
        presentation: "'{{value}}'",
        isEditor: true
    });
}