X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/examples/grid/property-grid.js

diff --git a/examples/grid/property-grid.js b/examples/grid/property-grid.js
new file mode 100644
index 00000000..68f3de7b
--- /dev/null
+++ b/examples/grid/property-grid.js
@@ -0,0 +1,50 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+Ext.onReady(function(){
+    
+    var propsGrid = new Ext.grid.PropertyGrid({
+        renderTo: 'prop-grid',
+        width: 300,
+        autoHeight: true,
+        propertyNames: {
+            tested: 'QA',
+            borderWidth: 'Border Width'
+        },
+        source: {
+            '(name)': 'Properties Grid',
+            grouping: false,
+            autoFitColumns: true,
+            productionQuality: false,
+            created: new Date(Date.parse('10/15/2006')),
+            tested: false,
+            version: 0.01,
+            borderWidth: 1
+        },
+        viewConfig : {
+            forceFit: true,
+            scrollOffset: 2 // the grid will never have scrollbars
+        }
+    });
+
+    // simulate updating the grid data via a button click
+    new Ext.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
+            });
+        }
+    });
+});
\ No newline at end of file