я так понял, что я буду вам 3 года объяснять. основу взял отсюда:
http://docs.sencha.com/extjs/4.2.2/e...tml?theme=gray
вы в проксе пишите тип jsonp, указывайте урлу и далее нужные вам параметры.
тэг script extjs создаст самостоятельно, это для вас скрыто, т.к. оно вам не нужно.
если вы посмотрите в нетворке список передаваемых параметров, то увидите вот такой список:
_dc:1413807788180
page:1
start:0
limit:50
callback:Ext.data.JsonP.callback1
где: _dc - параметр с рандомным значением (очистка кеша)
page, start, limit - задает правило как нужно выводить данные. с какой по какой записи. т.е. с 0 по 50 записи (или 1 ая страница)
callback - это как раз функция, которая должна вызываться после того как скрипт подгрузится. т.е. вы должы свои данные обернуть в эту функцию:
Ext.data.JsonP.callback1({... ваши данные...});
причем каждый раз имя функции меняется!!!
вот пример, вырезав все нахрен из того примера:
<html>
<head>
<!--<link href="ext-4.2.1.883/resources/ext-theme-gray/ext-theme-gray-all-debug.css" rel="stylesheet"/>
<script src="ext-4.2.1.883/ext-all.js"></script>-->
<link href="http://docs.sencha.com/extjs/4.2.2/extjs-build/resources/css/ext-all-gray-debug.css" rel="stylesheet"/>
<script src="http://docs.sencha.com/extjs/4.2.2/extjs-build/ext-all.js"></script>
<script>
Ext.onReady(function () {
var store = Ext.create('Ext.data.Store', {
pageSize: 50,
fields: ['title'],
proxy: {
type: 'jsonp',
url: 'http://www.sencha.com/forum/topics-browse-remote.php',
reader: {
root: 'topics',
totalProperty: 'totalCount'
}
},
autoLoad: true
});
var grid = Ext.create('Ext.grid.Panel', {
width: 400,
height: 300,
title: 'Browse Forums',
store: store,
// grid columns
columns:[{
text: "Topic",
dataIndex: 'title',
flex: 1,
sortable: false
}],
renderTo: Ext.getBody()
});
});
</script>
</head>
<body></body>
</html>