[英]DataModel for array of objects
我需要一些使用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_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
}
});
我在一个单独的变量中指定的列:
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'
}
];
它可以正确创建网格,创建列,甚至创建与数组迭代量一样多的行。 但是所有单元格都是空白!
我设法使其工作将每个对象转换为数组:
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_evento'
我猜。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.