X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..3789b528d8dd8aad4558e38e22d775bcab1cbd36:/examples/grid/property.js

diff --git a/examples/grid/property.js b/examples/grid/property.js
new file mode 100644
index 00000000..3ce71d56
--- /dev/null
+++ b/examples/grid/property.js
@@ -0,0 +1,43 @@
+Ext.require([
+    'Ext.button.Button',
+    'Ext.grid.property.Grid'
+]);
+
+Ext.onReady(function(){
+    // simulate updating the grid data via a button click
+    Ext.create('Ext.button.Button', {
+        renderTo: 'button-container',
+        text: 'Update source',
+        handler: function(){
+            propsGrid.setSource({
+                '(name)': 'Property Grid',
+                grouping: false,
+                autoFitColumns: true,
+                productionQuality: true,
+                created: new Date(),
+                tested: false,
+                version: 0.8,
+                borderWidth: 2
+            });
+        }
+    });
+    
+    var propsGrid = Ext.create('Ext.grid.property.Grid', {
+        width: 300,
+        renderTo: 'grid-container',
+        propertyNames: {
+            tested: 'QA',
+            borderWidth: 'Border Width'
+        },
+        source: {
+            "(name)": "Properties Grid",
+            "grouping": false,
+            "autoFitColumns": true,
+            "productionQuality": false,
+            "created": Ext.Date.parse('10/15/2006', 'm/d/Y'),
+            "tested": false,
+            "version": 0.01,
+            "borderWidth": 1
+        }
+    });
+});