<!-- 
/*! 
 * Ext JS Library 3.0.0 
 * Copyright(c) 2006-2009 Ext JS, LLC 
 * [email protected] 
 * http://www.extjs.com/license 
 */ 
--> 
<html> 
<head> 
<title>Hello World Window</title> 
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" /> 
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script> 
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script> 
</head> 
 
<!-- Revised from demo code in ext3.0.0 --> 
<body> 
<script type="text/javascript"> 
/*! 
 * Ext JS Library 3.0.0 
 * Copyright(c) 2006-2009 Ext JS, LLC 
 * [email protected] 
 * 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 
        } 
    }); 
 
 
}); 
</script> 
 
 
    <p id="button-container"></p> 
    <div id="prop-grid"></div> 
 
</body> 
</html> 
 
    
     
     
   |     
 
 |