Простейший grid, без url, proxy, др. запросов
Нужно получить в панелях админки простую табличку со стандартным видом в modx т.е. на ext.js и с группировкой (ну, чтоб sortable: true ). Создавать отдельные файлы не требуется, табличка очень небольшая и нужно просто получить массив на php, перевести его в json и отдать его ext.js. Т.е. не надо никаких урлОв-прохсЕй. Набрасал код, создал store, передал его гриду в переменной. Вроде все отображает, но крутится вечный лоадер и в консоил ошибка TypeError: this.proxy is undefined
$this->controller->addHtml('<script type="text/javascript">Ext.onReady(function() {
var OldDateBan = function(config) {
config = config || {};
OldDateBan.superclass.constructor.call(this,config);
};
Ext.extend(OldDateBan,Ext.Component,{
page:{},window:{},grid:{},tree:{},panel:{},combo:{},config: {},view: {}
});
Ext.reg("OldDateBan",OldDateBan);
var myData = [
["3m Co", 71.72, 0.02, 0.03, "9/1 12:00am"],
["Alcoa Inc", 29.01, 0.42, 1.47, "9/1 12:00am"],
//..................
["Verizon Communications", 35.57, 0.39, 1.11, "9/1 12:00am"],
["Wal-Mart Stores, Inc.", 45.45, 0.73, 1.63, "9/1 12:00am"]
];
var store = new Ext.data.ArrayStore({
fields: ["company","price","change","pctChange","lastChange"],
data: myData
});
OldDateBan = new OldDateBan();
OldDateBan.grid.Users = function(config) {
config = config || {};
Ext.apply(config,{
store: store,
columns: [
{
text : "Company",
dataIndex: "company"
},
{
text : "Price",
dataIndex: "price"
},
{
text : "Change",
dataIndex: "change"
},
{
text : "% Change",
dataIndex: "pctChange"
},
{
text : "Last Updated",
dataIndex: "lastChange"
}
],
height: 350,
width: 600,
title: "Простейшая статическая таблица grid"
});
OldDateBan.grid.Users.superclass.constructor.call(this,config);
};
Ext.extend(OldDateBan.grid.Users,MODx.grid.Grid);
Ext.reg("my-custome-xtype",OldDateBan.grid.Users);
MODx.load({
// xtype: "modx-grid-user-recent-resource"
xtype: "my-custome-xtype"
,renderTo: "grid-user-old-data-ban"
});
});
</script>');