3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
\r
4 <title>Customizing the Grid</title>
\r
6 <link rel="stylesheet" type="text/css" href="../../cssX/roojs-all.css"/>
7 <link rel="stylesheet" type="text/css" href="../../cssX/xtheme-slate.css"/>
9 <link rel="stylesheet" type="text/css" href="../../css/roojs-debug.css"/>
10 <script type="text/javascript" src="../../roojs-all.js"></script>
13 <script type="text/javascript" src="custom-grid.js"></script>
\r
15 <script type="text/javascript" >
\r
16 // create the property grid application (single instance)
17 Roo.BLANK_IMAGE_URL = "../../images/default/s.gif";
19 var CustGrid = function() {
\r
22 var propsGrid = new Roo.grid.PropertyGrid('props-grid', {
\r
23 nameText: 'Properties Grid',
\r
24 enableHdMenu: false,
\r
27 scrollOffset:2 // the grid will never have scrollbars
\r
31 propsGrid.setSource({
\r
32 "(name)": "Properties Grid",
\r
34 "autoFitColumns": true,
\r
35 "productionQuality": false,
\r
36 "created": new Date(Date.parse('10/15/2006')),
\r
47 Roo.onReady(CustGrid.init, CustGrid, true);
\r
51 <!-- Common Styles for the examples -->
\r
52 <link rel="stylesheet" type="text/css" href="../examples.css" />
\r
55 <script type="text/javascript" src="../examples.js"></script><!-- EXAMPLES -->
57 See source: <button type="button" onclick="RooDocs.viewSource.show('/custom-grid.html')">custom-grid.html</button>
59 <h1>Property Grid</h1>
\r
61 <!-- a place holder for the grid. requires the unique id to be passed in the javascript function, and width and height ! -->
\r
62 <div id="props-grid" style="overflow: hidden; width: 275px;border:1px solid #c3daf9;"></div>
\r