Php 对象数组的数据模型
我需要一些关于使用Ext创建网格的帮助。以下是我使用的代码: 作为数据源,我有一个如下所示的数组:Php 对象数组的数据模型,php,javascript,extjs,extjs4.1,Php,Javascript,Extjs,Extjs4.1,我需要一些关于使用Ext创建网格的帮助。以下是我使用的代码: 作为数据源,我有一个如下所示的数组: var listaEventos = [ {"nu_evento":"1","dt_solicitacao":"2013-01-04 14:29:26","no_evento":"nome do evento","empregado_responsavel":"nome do responsavel","contato":"contato unidade"}, {"nu_event
var listaEventos = [
{"nu_evento":"1","dt_solicitacao":"2013-01-04 14:29:26","no_evento":"nome do evento","empregado_responsavel":"nome do responsavel","contato":"contato unidade"},
{"nu_evento":"2","dt_solicitacao":"2013-01-04 14:54:29","no_evento":"nome do evento","empregado_responsavel":"nome do responsavel","contato":"contato unidade"},
{"nu_evento":"3","dt_solicitacao":"2013-01-04 14:55:35","no_evento":"nome do evento","empregado_responsavel":"nome do responsavel","contato":"contato unidade"},
{"nu_evento":"4","dt_solicitacao":"2013-01-04 15:04:47","no_evento":"nome do evento","empregado_responsavel":"nome do responsavel","contato":"contato unidade"},
{"nu_evento":"5","dt_solicitacao":"2013-01-04 15:07:24","no_evento":"nome do evento","empregado_responsavel":"nome do responsavel","contato":"contato unidade"},
{"nu_evento":"6","dt_solicitacao":"2013-01-04 15:08:07","no_evento":"nome do evento","empregado_responsavel":"nome do responsavel","contato":"contato unidade"},
{"nu_evento":"7","dt_solicitacao":"2013-01-04 15:17:27","no_evento":"nome do evento","empregado_responsavel":"nome do responsavel","contato":"contato unidade"}
];
使用PHP从DBMS查询该数组,PHP使用json将该数组存储在HTML文档中,然后我的js代码获取该数组并创建一个Ext网格来打印它,并进行排序和填充。问题是我无法让Ext理解每个数组元素都是网格的行,每个对象字段都代表网格的列
为此,我使用以下数据模型:
Ext.define('eventosDataModel', {
extend: 'Ext.data.Model',
fields: [
{name: 'nu_evento', type: 'string'},
{name: 'dt_solicitacao', type: 'date', dateFormat: "Y-m-d H:i:s"},
{name: 'no_evento', type: 'string'},
{name: 'empregado_responsavel', type: 'string'},
{name: 'contato', type: 'string'}
],
idProperty: 'eventos'
});
这家商店:
var store = Ext.create('Ext.data.ArrayStore', {
model: 'eventosDataModel',
data: listaEventos
});
最后,我创建网格:
var grid = Ext.create('Ext.grid.Panel', {
store: store,
stateful: true,
collapsible: false,
multiSelect: true,
stateId: 'stateGrid',
columns: columnsStructure,
height: 350,
width: 1200,
title: 'Eventos Existentes',
renderTo: 'eventos-extgrid',
viewConfig: {
stripeRows: true,
enableTextSelection: true
}
});
在单独变量中指定的列I:
var columnsStructure = [
{
text : '#',
width : 50,
sortable : true,
dataIndex: 'nu_evento'
},
{
text : 'Nome do Evento',
width : 300,
sortable : true,
dataIndex: 'no_evento'
},
{
text : 'Data da Solicitação',
width : 200,
sortable : true,
renderer : Ext.util.Format.dateRenderer('d/m/Y H:i:s'),
dataIndex: 'dt_solicitacao'
},
{
text : 'Empregado Responsável',
width : 300,
sortable : true,
dataIndex: 'empregado_responsavel'
},
{
text : 'Contato',
width : 345,
sortable : false,
dataIndex: 'contato'
}
];
它可以正确地创建网格,创建列,甚至创建与数组iten数量相同的行。但是所有的单元格都是空白的
我成功地将每个对象转换为数组:
var listaEventos = [
["1","2013-01-04 14:29:26","nome do evento","user name","contato unidade"],
["2","2013-01-04 14:54:29","nome do evento","user name","contato unidade"],
["3","2013-01-04 14:55:35","nome do evento","user name","contato unidade"],
["4","2013-01-04 15:04:47","nome do evento","user name","contato unidade"],
["5","2013-01-04 15:07:24","nome do evento","user name","contato unidade"],
["6","2013-01-04 15:08:07","nome do evento","user name","contato unidade"],
["7","2013-01-04 15:17:27","nome do evento","user name","contato unidade"]
];
如果我在JS代码中输入这个数组,那么所有的数据都会显示在网格上,而不会涉及任何内容
这对我来说很好,但它的可维护性很差。将PHP的DAO链接到Ext的网格的唯一方法是将元素添加到PHP上的数组并在JS上列出的顺序。当然,我可以对每个文件都做一个大的注释来解释顺序的重要性,但是如果PHP数组键与JS对象名相关,并且Ext可以理解它并按名称绑定,而不是按简单的顺序绑定,那就更好了
有没有办法进行这种绑定?您应该使用正确的
idProperty
(您使用的是idProperty:'eventos'
),我在数据数组中看不到eventos
。在您的情况下,应该是idProperty:'nu\u evento'
我猜