source: Dev/branches/rest-dojo-ui/client/rft/pages/sessions.html @ 303

<div>
    <script type="rft/method" data-rft-method="onVisit">
        var that = this;
        require(['dojo/_base/lang','dojo/_base/event','dojo/store/JsonRest','dojox/grid/DataGrid',
        Â Â Â Â 'dojo/data/ObjectStore','rft/content','dojo/domReady!'],
        function(lang,event,JsonRest,DataGrid,ObjectStore,content){
            var store = new JsonRest({
                target:"../server/api.php/data/Session/",
                idProperty: 'uid'
            });

            that.grid.setStore(ObjectStore({objectStore: store}));
        
            that.grid.on('rowclick',lang.hitch(that,function(evt){
                var obj = evt.grid.getItem(evt.rowIndex);
                this.form.set('value', obj);
            }));

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

            var submitHandler = lang.hitch(that,function(evt){
                var newObj = this.form.get('value');
                // mixin newObj in obj.
                // store.put(newObj);
                event.stop(evt);
                return false;
            });
            that.btnSave.on('click',submitHandler);
            that.form.on('submit',submitHandler);
        
        });
    </script>
    <div class="largeFrame" style="width: 400px;">
        <div class="largeTitle">Sessions</div>
        <div class="content">
            <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>

    <div class="largeFrame" style="width: 400px;">
        <div class="largeTitle">Details</div>
        <div>
            <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>
    </div>

</div>