xml-grid.js
上传用户:dawnssy
上传日期:2022-08-06
资源大小:9345k
文件大小:1k
源码类别:

JavaScript

开发平台:

JavaScript

  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.onReady(function(){
  2.     // create the Data Store
  3.     var store = new Ext.data.Store({
  4.         // load using HTTP
  5.         url: 'sheldon.xml',
  6.         // the return will be XML, so lets set up a reader
  7.         reader: new Ext.data.XmlReader({
  8.                // records will have an "Item" tag
  9.                record: 'Item',
  10.                id: 'ASIN',
  11.                totalRecords: '@total'
  12.            }, [
  13.                // set up the fields mapping into the xml doc
  14.                // The first needs mapping, the others are very basic
  15.                {name: 'Author', mapping: 'ItemAttributes > Author'},
  16.                'Title', 'Manufacturer', 'ProductGroup'
  17.            ])
  18.     });
  19.     // create the grid
  20.     var grid = new Ext.grid.GridPanel({
  21.         store: store,
  22.         columns: [
  23.             {header: "Author", width: 120, dataIndex: 'Author', sortable: true},
  24.             {header: "Title", width: 180, dataIndex: 'Title', sortable: true},
  25.             {header: "Manufacturer", width: 115, dataIndex: 'Manufacturer', sortable: true},
  26.             {header: "Product Group", width: 100, dataIndex: 'ProductGroup', sortable: true}
  27.         ],
  28.         renderTo:'example-grid',
  29.         width:540,
  30.         height:200
  31.     });
  32.     store.load();
  33. });