JSFiddle - React, Tailwind, and code Playground

by neonstalwart

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dijit/themes/claro/claro.css">
<div id='sourceAddress'></div>

JavaScript

dojo.require('dojox.data.QueryReadStore');
dojo.require('dijit.form.FilteringSelect');

dojo.addOnLoad(function() {
    var delay = 2000;
    var value1 = 95;
    var value2 = 200;

    var customerAddressesPairsView = dojox.data.QueryReadStore({
        url: 'http://fiddle.jshell.net/gh/gist/response.json/2165866/'
    });

    customerAddressesPairsView.fetch({
        onComplete: function() {
            var w = new dijit.form.FilteringSelect({
                name: 'source_address_id',
                required: true,
                store: customerAddressesPairsView,
                searchAttr: "name",
                style: "width: 40ex;"
            }, 'sourceAddress');

            var handle = w.watch(function(property, oldValue, newValue) {
                console.log(property, oldValue, newValue);
            });

            w.set("value", value1);
            console.debug('Value set to ' + value1);
            console.debug('Immediate get returns:', w.get('value'));
            console.debug('Direct access returns: ' + w.value);
        }
    });
});