Changeset 263 for Dev/branches/rest-dojo-ui/client/pages/sessions.html

Timestamp:

02/16/12 14:47:39 (13 years ago)

Author:

hendrikvanantwerpen

Message:

• [Client] Finished page framework. See rft/ui/content.js or test files for details.
• [Client] Allow login by pressing Enter.
• [API] On exception include details in json response.
• [Server Use Exceptions when save() fails, iso return values.

File:

• Dev/branches/rest-dojo-ui/client/pages/sessions.html (modified) (2 diffs)

Dev/branches/rest-dojo-ui/client/pages/sessions.html

@@ -1 @@
-<div data-dojo-type="rft.ui.Page">
-    <script type="dojo/method" data-dojo-event="init">
+<div>
+    <script type="rft/method" data-rft-method="onVisit">
         var that = this;
-        require(['dojo/store/JsonRest','dojox/grid/DataGrid',
-            Â Â Â Â 'dojo/data/ObjectStore','dojo/domReady!'],
-        function(JsonRest,DataGrid,ObjectStore){
+        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'
             });
-        Â Â Â Â var grid = new DataGrid({
-        Â Â Â Â Â Â Â Â store: ObjectStore({objectStore: store}),
-                autoWidth: true,
-                autoHeight: true,
-        Â Â Â Â Â Â Â Â structure: [
-            Â Â Â Â Â Â Â Â Â Â Â Â {name:"Title", field:"title", width: "200px"}
-        Â Â Â Â Â Â Â Â ]
-        Â Â Â Â }, that.page_sessions_grid);
-        Â Â Â Â grid.startup();
+
+            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');
+                debugger;
+                // mixin newObj in obj.
+                // store.put(newObj);
+                event.stop(evt);
+                return false;
+            });
+            that.btnSave.on('click',submitHandler);
+            that.form.on('submit',submitHandler);
+        
         });
     </script>
@@ -23 +38 @@
         <div class="largeTitle">Sessions</div>
         <div class="content">
-            <div data-rft-attach-point="page_sessions_grid"></div>
+            <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>