Скрипт вылетает с ошибкой Ext.require is not a function. Никак не пойму в чем дело, данный пример был взят с офф сайта :
http://docs.sencha.com/ext-js/4-0/#!.../xml-grid.html
Сам скрипт:
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: 'XMLDataResult'}
]
});
// create the Data Store
var store = Ext.create('Ext.data.Store', {
model: 'Book',
autoLoad: true,
proxy: {
// load using HTTP
type: 'rest',
url: 'http://192.168.1.119:1008/srv/adres/test/Hello',
// the return will be XML, so lets set up a reader
reader: {
type: 'xml',
// records will have an "Item" tag
record: 'XMLDataResult'
// idProperty: 'ASIN',
// totalRecords: '@total'
}
}
});
// create the grid
var grid = Ext.create('Ext.grid.Panel', {
store: store,
columns: [
{text: "XMLDataResult", flex: 1, dataIndex: 'XMLDataResult', sortable: true}
],
renderTo:'example-grid',
width: 540,
height: 200
});
});
Подключаю такие библиотеки:
<link rel="stylesheet" type="text/css"
href="http://extjs.com/deploy/dev/resources/css/ext-all.css" />
<script src="http://extjs.com/deploy/dev/adapter/ext/ext-base.js"></script>
<script src="http://extjs.com/deploy/dev/ext-all.js"></script>
<script src="http://extjs.com/deploy/dev/ext-all-debug.js"></script>
