ExtJS网格-在一行中显示多个行

Question

我在ExtJS商店里有以下的json数据。我正在使用Ext.grid.Panel显示这个内容与colum名称和电话。

{ "name"："Doris Ryan"，"phone"："1-536-934-9500“}，{ "name"："Nissim Hines"，"phone"："1-937-975-0044”}，{ "name"："Walter Gallegos"，“电话”："863-4112“}，{ "name"："Miranda Boyd"，"phone"："1-820-817-5049”}，{ "name"："Sonya Booth"，"phone"："468-0669“}，{“姓名”："Rose Steele"，"phone"："1-581-774-8023“}，

因此，我在下面的格式中获得了Grid

电话: Doris Ryan 1-536-934-9500 Nissim Hines 1-937-975-0044 Walter Gallegos 863-4112 Miranda Boyd 1-820-817-5049

但是，我想在网格中显示的内容如下所示

电话名称电话: Doris Ryan 1-536-934-9500 Nissim Hines 1-937-975-0044 Walter Gallegos 863-4112 Miranda Boyd 1-820-817-5049

用户可以编辑电话号码。因此，还可以分享关于如何处理网格上的更新的详细信息。

Answer 1

解决这一问题的方法是改变您在模型中组装数据的方式，然后通过网格更改曝光。

ExtJS没有在一行中自动复制两行记录的属性。

克里特是这样一个模特：

Ext.define('YourApp.model.yourFeature.Model', {
    extend: 'Ext.data.Model',
    fields: [{
        name: 'Phone1',
        type: 'string'
    }, {
        name: 'Name1',
        type: 'string'
    }, {
        name: 'Phone2',
        type: 'string'
    }, {
        name: 'Name2',
        type: 'string'
    }]
}); 

定义你的数据，就像你的问题：

var data = [{
    "name": "Doris Ryan",
    "phone": "1-536-934-9500"
}, {
    "name": "Nissim Hines",
    "phone": "1-937-975-0044"
}, {
    "name": "Walter Gallegos",
    "phone": "863-4112"
}, {
    "name": "Miranda Boyd",
    "phone": "1-820-817-5049"
}, {
    "name": "Sonya Booth",
    "phone": "468-0669"
}, {
    "name": "Rose Steele",
    "phone": "1-581-774-8023"
}]

所以你创造了一种奇数/偶数逻辑来丰富你的记录。