Ошибка Ext.require is not a function
Скрипт вылетает с ошибкой 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> |
а попытайтесь подключить ext вот так:
<script src="http://extjs.com/deploy/dev/ext.js"></script> <script src="http://extjs.com/deploy/dev/ext-all-debug.js"></script> <script src="http://extjs.com/deploy/dev/adapter/ext/ext-base.js"></script> На счет адаптера не уверен вообще. |
А еще лучше определитесь какую именно из библиотек Вы хотите подключить.
|
судя по подключенным библиотекам - это 3 версия
а код берется от 4 версии.... подключайте http://dev.sencha.com/deploy/ext-4.0.2a/ext-all-debug.js |
Скачал библиотеки , закинул в одну папку со скриптом, прописал так:
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" /> <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="extjs/ext-all-debug.js"></script> <script type="text/javascript" src="extjs/bootstrap.js"></script> И данная ошибка исчезла! |
Почитайте документацию ExtJS, там все просто и понятно написано что подключать и как использовать.
|
| Часовой пояс GMT +3, время: 02:10. |