0

以下是我拥有的两个模型：

Ext.define('Company', {        extend: 'Ext.data.Model',
    fields: [
        {name: 'company'},
        {name: 'price', type: 'float'},
        {name: 'change', type: 'float'},
        {name: 'pctChange', type: 'float'},
        {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'},
        {name: 'industry'},
        {name: 'desc'}
     ]
});

Ext.define('CompanyDemo', {        extend: 'Ext.data.Model',
    fields: [
        {name: 'company'},
        {name: 'price', type: 'float'},
        {name: 'change', type: 'float'},
        {name: 'pctChange', type: 'float'},
        {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'},
        {name: 'total'}
     ]
});

这两个模型与两个不同的网格相关联。我将从一个网格中选择一些行（与 Company 模型相关联），并且只有选定的行会在单击按钮时显示在第二个网格中（与 CompanyDemo 模型相关联，最初这个模型是空的并且没有任何数据）

这是带有公司模型的网格：

var grid2 = Ext.create('Ext.grid.Panel', {      id: 'grid2',
    store: getLocalStore(),
    selModel: sm,
    columns: [
        {text: "Company", width: 200, dataIndex: 'company'},
        {text: "Price", renderer: Ext.util.Format.usMoney, dataIndex: 'price'},
        {text: "Change", dataIndex: 'change'},
        {text: "% Change", dataIndex: 'pctChange'},
        {text: "Last Updated", width: 135, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'},
        {text: "Industry", dataIndex: 'industry'},
        {text: "Description", dataIndex: 'desc'}
    ],
    columnLines: true,
    width: 600,
    height: 300,
    frame: true,
    title: 'Framed with Checkbox Selection and Horizontal Scrolling',
    iconCls: 'icon-grid',
    renderTo: 'grid'
});

我能够从此网格中获取选定的数据。得到这个数据后，我需要替换掉 Industry 和 Desc 数据，用 Total 替换（根据上面给出的模型结构）。这就是我使用公司模型获取网格的选定行的方式：

编辑：

尝试使用这段代码：

Ext.widget('button', {
text: 'Click Me',   
renderTo: 'btn',
listeners: {
    click: function(this1, evnt, eOpts ){  
      var records = sm.getSelection();
      var data = [];
      Ext.each(records, function (record) {
        var modelData = record.getData(true);
        //A dummy value as of now
        modelData.total = '10';
        data.push(modelData);
      });
      // grid1.getStore().loadData(records, true);         
      grid1.getStore().loadData(data, true);
    }
}
});

但是在这一行中抛出了一个异常：

grid1.getStore().loadData(data, true);

我不确定如何替换第一个模型中的两个字段并在其中添加新数据，然后再将其显示在第二个网格中。

请让我知道这件事。

4

1 回答 1

3

您的问题是您为新网格提供了错误的数据。它将期待一组 CompanyDemo 模型对象。

click: function(this1, evnt, eOpts ){  
    var records = sm.getSelection(),
        demoModels = [];

    // Iterate over the selected Company records
    Ext.each(records, function (record) {
        // Copy the data from the original Company model into the demo model
        var demoModel = new CompanyDemo(record.getData());
        demoModel.set('total', 10);

        demoModels.push(demoModel);
    });

    grid1.getStore().loadData(demoModels, true);
}
于 2012-10-06T12:06:32.007 回答