X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/2e847cf21b8ab9d15fa167b315ca5b2fa92638fc..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/examples/grid/xml-grid.js

diff --git a/examples/grid/xml-grid.js b/examples/grid/xml-grid.js
index b072aaab..6112eb67 100644
--- a/examples/grid/xml-grid.js
+++ b/examples/grid/xml-grid.js
@@ -1,43 +1,49 @@
-/*!
- * Ext JS Library 3.1.1
- * Copyright(c) 2006-2010 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
- */
-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();
-});
+Ext.require([
+    'Ext.data.*',
+    'Ext.grid.*'
+]);
+
+Ext.onReady(function(){
+    Ext.define('Book',{
+        extend: 'Ext.data.Model',
+        fields: [
+            // 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 Data Store
+    var store = Ext.create('Ext.data.Store', {
+        model: 'Book',
+        autoLoad: true,
+        proxy: {
+            // load using HTTP
+            type: 'ajax',
+            url: 'sheldon.xml',
+            // the return will be XML, so lets set up a reader
+            reader: {
+                type: 'xml',
+                // records will have an "Item" tag
+                record: 'Item',
+                idProperty: 'ASIN',
+                totalRecords: '@total'
+            }
+        }
+    });
+
+    // create the grid
+    var grid = Ext.create('Ext.grid.Panel', {
+        store: store,
+        columns: [
+            {text: "Author", flex: 1, dataIndex: 'Author', sortable: true},
+            {text: "Title", width: 180, dataIndex: 'Title', sortable: true},
+            {text: "Manufacturer", width: 115, dataIndex: 'Manufacturer', sortable: true},
+            {text: "Product Group", width: 100, dataIndex: 'ProductGroup', sortable: true}
+        ],
+        renderTo:'example-grid',
+        width: 540,
+        height: 200
+    });
+});