gridpanel

Author: asciicode

_me/form1.json

@@ -1,7 +1,7 @@
 {
 	xtype: "panel"
 	,title: "Form 1"
-    ,id: "grid-dynamic-blotter"
+    ,id: "form1"
 	,columnLayout:1
 	,items:[{
 	   xtype: "form"

_me/grid1-data.json

@@ -0,0 +1,6 @@
+{'items':[
+	{ 'name': 'Lisa',  "email":"[email protected]",  "phone":"555-111-1224"  },
+	{ 'name': 'Bart',  "email":"[email protected]",  "phone":"555-222-1234" },
+	{ 'name': 'Homer', "email":"[email protected]",  "phone":"555-222-1244"  },
+	{ 'name': 'Marge', "email":"[email protected]", "phone":"555-222-1254"  }
+]}

_me/grid1.json

@@ -0,0 +1,32 @@
+{
+	xtype: "gridpanel"
+	,title: "Grid 1"
+    ,id: "grid1"	
+    ,loadMask : true
+    ,columns: [
+        { text: 'Name',  dataIndex: 'name' },
+        { text: 'Email', dataIndex: 'email', flex: 1 },
+        { text: 'Phone', dataIndex: 'phone' }
+    ]
+	,store: {
+	    storeId:'simpsonsStore',
+	    fields:['name', 'email', 'phone'],
+	    proxy: {
+	        type: 'ajax'
+	        ,url: 'grid1-data.json'
+	        ,reader: {
+	            type: 'json',
+	            root: 'items'
+	        }
+			,autoLoad: true
+	    }
+	}
+    ,listeners: {
+    	render: function(){
+    		this.store.load();
+    	}
+    	,itemdblclick: function( grid, record, item, index, e, eOpts ){
+    		console.log("You clicked row "+index);
+    	}
+    }
+}

_me/layout.js

@@ -253,9 +253,6 @@ Ext.onReady(function(){
 		renderTo: Ext.getBody()
 	});
 
-	// This callback will execute in the scope of the
-	// button instance. Clicking the button alerts
-	// "Hi, Fred. You clicked the "Say Hi" button."
 	btn.on('click', Ext.bind(sayHi, btn, ['Fred']));
 
 	Ext.create('Ext.Viewport', {

_me/tree-data.json

@@ -12,8 +12,8 @@ children: [{
         id:'form2',
         leaf:true
     },{
-        text:'Anchor',
-        id:'anchor',
+        text:'Grid 1',
+        id:'grid1',
         leaf:true
     },{
         text:'Border',