X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/xml-grid.html diff --git a/docs/source/xml-grid.html b/docs/source/xml-grid.html new file mode 100644 index 00000000..e0ce7392 --- /dev/null +++ b/docs/source/xml-grid.html @@ -0,0 +1,47 @@ + +
+Ext.onReady(function(){ + + // create the Data Store + var store = new Ext.data.Store({ + // load using HTTP + url: 'sheldon.xml', + + // the return will be XML, so lets set up a reader + reader: new Ext.data.XmlReader({ + // records will have an "Item" tag + record: 'Item', + id: 'ASIN', + totalRecords: '@total' + }, [ + // set up the fields mapping into the xml doc + // The first needs mapping, the others are very basic + {name: 'Author', mapping: 'ItemAttributes > Author'}, + 'Title', 'Manufacturer', 'ProductGroup' + ]) + }); + + // create the grid + var grid = new Ext.grid.GridPanel({ + store: store, + columns: [ + {header: "Author", width: 120, dataIndex: 'Author', sortable: true}, + {header: "Title", width: 180, dataIndex: 'Title', sortable: true}, + {header: "Manufacturer", width: 115, dataIndex: 'Manufacturer', sortable: true}, + {header: "Product Group", width: 100, dataIndex: 'ProductGroup', sortable: true} + ], + renderTo:'example-grid', + width:540, + height:200 + }); + + store.load(); +}); ++ + \ No newline at end of file