JSFiddle - React, Tailwind, and code Playground

by Ryan Duffy

JavaScript

enyo.kind({
    name:"onyx.FixedIntegerPicker",
    kind:"onyx.IntegerPicker",
    valueChanged: function(inOld) {
		var controls = this.getClientControls();
		var len = controls.length;
		// Validate our value
		this.value = Math.min(this.max, Math.max(this.value, this.min));
		for (var i=0; i<len; i++) {
			if (this.value === parseInt(controls[i].content)) {
				this.setSelected(controls[i]);
				break;
			}
		}
	}
});

enyo.kind({
    name:"ex.App",
    kind:"Control", 
    components:[
        {kind:"onyx.Button", content:"Min", ontap:"val", val:-20},
        {kind:"onyx.Button", content:"Max", ontap:"val", val:20},
        {kind: "onyx.PickerDecorator", components: [
            {style: "min-width: 50px;"},
            {name: "bug", kind: "onyx.IntegerPicker", min: 0, max: 10, value: 5, onSelect: "itemSelected"},
		]},
        {kind: "onyx.PickerDecorator", components: [
            {style: "min-width: 50px;"},
            {name: "fixed", kind: "onyx.FixedIntegerPicker", min: 0, max: 10, value: 5, onSelect: "itemSelected"},
		]}
    ],
    val:function(sender) {
        this.$.bug.setValue(sender.val);
        this.$.fixed.setValue(sender.val);
    },
});

new ex.App().renderInto(document.body);