代码之家 › 专栏 › 技术社区 › Travis Heseman

jqGrid colModel和jsonReader(无单元)

jqgrid json jquery

0

Travis Heseman · 技术社区 · 15 年前

var grid = jQuery("#grid")[0];
grid.addJSONData({ // the json
    total: 1,
    page: 1,
    records: 10,
    items: [
        { ProductID: '1', Name: 'Coke' },
        { ProductID: '2', Name: 'Pepsi' },
        { ProductID: '3', Name: 'L&P' },
        { ProductID: '4', Name: 'A&B' },
        { ProductID: '5', Name: 'All Star' },
        { ProductID: '6', Name: 'Wai' },
        { ProductID: '7', Name: 'cd' },
        { ProductID: '8', Name: 'LV' },
        { ProductID: '9', Name: 'DD' },
        { ProductID: '10', Name: 'aW' }
    ]
});

// jqGrid options
{
    ...
    colNames: ['ProductID', 'Name'],
    colModel: [{ name: 'ProductID', Label: 'Id' },
               { name: 'Name', Label: 'Name'}],
    jsonReader: {
        root: 'items',
        cell: ''
    },
   ...
}

1 回复 | 直到 15 年前

1

0

Oleg 15 年前

id ProductID 扮演数据id的角色。所以你应该使用额外的 key:true 选项的定义 产品ID 列或在 jsonReader .

而且 Label 属性应以小写字母书写: label . 它将替换列标题中的值 colNames 属性来定义所有不需要更多的列 colNames公司

addRowData 功能。如果你应该用 localReader 而不是 JSON阅读器

var myData = [
        { ProductID: '1', Name: 'Coke' },
        { ProductID: '2', Name: 'Pepsi' },
        { ProductID: '3', Name: 'L&P' },
        { ProductID: '4', Name: 'A&B' },
        { ProductID: '5', Name: 'All Star' },
        { ProductID: '6', Name: 'Wai' },
        { ProductID: '7', Name: 'cd' },
        { ProductID: '8', Name: 'LV' },
        { ProductID: '9', Name: 'DD' },
        { ProductID: '10', Name: 'aW' }
    ];
jQuery("#grid").jqGrid ('addRowData', 'ProductID', myData);

如果所有这些都没有帮助,你应该在你的问题中包括可以用来重现你的问题的全部代码。