source: Dev/branches/rest-dojo-ui/client/pages/test3.html @ 263

<div>
    <script type="rft/method" data-rft-method="onVisit">
        var that = this;
        require(['dojo/_base/declare','dojo/_base/lang','dojo/_base/event','rft/content',
            'dojo/store/JsonRest','dojo/data/ObjectStore','rft/ui/_PageController','dijit/registry'],
        function(declare,lang,event,content,JsonRest,ObjectStore,_PageController,registry){
            (lang.hitch(that,function(){
                this._store = new JsonRest({
                    target:"../server/api.php/data/Session/",
                    idProperty: 'uid'
                });

                function setEnabledRecursive(node,value) {
                    registry.findWidgets(node).forEach(function(w){
                        w.set('disabled',!value);
                        setEnabledRecursive(w.domNode,value);
                    });
                };

                setEnabledRecursive(this.form.domNode,false);
                
                var refreshGrid = lang.hitch(this,function(){
                    this.grid.setStore(ObjectStore({
                        objectStore: this._store
                    }),'');
                });
                refreshGrid();
                
                var getSelectedItem = lang.hitch(this,function(evt){
                    var items = this.grid.selection.getSelected();
                    if (items.length)
                        return items[0];
                    return null;
                });
                
                this.grid.on('rowclick',lang.hitch(this,function(evt){
                    var obj = getSelectedItem();
                    if ( obj) {
                        this.form.set('value', obj);
                        setEnabledRecursive(this.form.domNode, true);
                    } else {
                        setEnabledRecursive(this.form.domNode, false);
                        this.form.reset();
                    }
                }));

                this.grid.on('rowdblclick',lang.hitch(this,function(evt){
                    var obj = getSelectedItem();
                    content.goTo('/session',{
                        uid:obj.uid
                    });
                }));

                var submitHandler = lang.hitch(this,function(evt){
                    this.errors.innerHTML = '';
                    var newObj = this.form.get('value');
                    var obj = getSelectedItem();
                    obj = lang.mixin(obj,newObj);
                    //this._store.put(newObj,{id:obj.uid})
                    this._store.put(obj,{
                        overwrite:true
                    })
                    .then(lang.hitch(this,function(){
                        refreshGrid();
                    }),lang.hitch(this,function(e){
                        this.errors.innerHTML = e.toString();
                    }));
                    event.stop(evt);
                    return false;
                });
                
                this.form.on('submit',submitHandler);
            }))();
        });
    </script>
    <h1>Embedded scripts</h1>
    <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props="doLayout: false">
        <div data-dojo-type="dijit.layout.ContentPane" title="Sessions">
            <div data-dojo-type="dojox.grid.DataGrid" data-dojo-props="autoWidth:true,autoHeight:true,structure:[{name:'Title',field:'title'}]" data-dojo-attach-point="grid"></div>
        </div>
        <div data-dojo-type="dijit.layout.ContentPane" title="Details">
            <form data-dojo-type="dijit.form.Form" data-dojo-attach-point="form">
                <fieldset>
                    <label for="title" class="loginLabel">Title</label>
                    <input data-dojo-type="dijit.form.TextBox" name="title" type="text" class="loginInput" />
                </fieldset>
                <button type="submit" data-dojo-type="dijit.form.Button" data-dojo-attach-point="btnSave">Save</button>
            </form>
            <div data-dojo-attach-point="errors"></div>
        </div>
    </div>
</div>