<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="../shared/example.css" />
<script type="text/javascript" src="../../bootstrap.js"></script>
-<script type="text/javascript">
- Ext.require(['*']);
-
- Ext.onReady(function() {
- // 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
- });
- }
- });
-
- 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
- }
- });
- });
-</script>
+<script type="text/javascript" src="property.js"></script>
</head>
<body>
<h1>Property Grid Example</h1>
<p>This example shows how to create a property grid from an object.</p>
- <p>Note that the js is not minified so it is readable. View the source of this page to see it.</p>
+ <p>Note that the js is not minified so it is readable. See <a href="property.js">property.js</a>.</p>
</body>
<div id="button-container"></div>
<p></p>