0

我需要一些关于使用 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 会理解它并按名称绑定而不是按简单顺序绑定，那就更好了.

有没有办法进行这种绑定？

4

1 回答 1

1

你应该使用正确idProperty的（你正在使用），我在你的数据数组中idProperty: 'eventos'没有看到。在你的情况下，我猜eventos应该是。idProperty: 'nu_evento'

于 2013-01-10T05:54:28.627 回答