Question

我想使用下面的json形成一个jqgrid，下面的json可能经常更改。

{＆＃34; rowvalue＆＃34;：[ { ＆＃34;公司＆＃34;：＆＃34;测试＆＃34;，＆＃34;价格＆＃34;：98，＆＃34;改变＆＃34;：8，＆＃34; perchange＆＃34;：8，＆＃34; LastUpdated＆＃34;：＆＃34; 2＆＃34;，＆＃34; companyid＆＃34;：2 }， { ＆＃34;公司＆＃34;：＆＃34; test123＆＃34;，＆＃34;价格＆＃34;：1，＆＃34;改变＆＃34;：1，＆＃34; perchange＆＃34;：1，＆＃34; LastUpdated＆＃34;：＆＃34; 1＆＃34;，＆＃34; companyid＆＃34;：3 }， { ＆＃34;公司＆＃34;：＆＃34; abc＆＃34;，＆＃34;价格＆＃34;：1234，＆＃34;改变＆＃34;：123，＆＃34; perchange＆＃34;：1，＆＃34; LastUpdated＆＃34;：＆＃34; 1＆＃34;，＆＃34; companyid＆＃34;：1 } ]}

这是我的代码：

$("#table_div"+chartId).empty().jqGrid({
    datatype:'json',
    data: data,
        jsonReader: {
            repeatitems: false,

        },
        colNames: getColNames(data),
        colModel: getColModels(data),
        rowNum:50,
        rowList: [50, 100, 150, 200],
        autowidth: true,
        height: '100%',
        shrinkToFit: false,
        gridview: true,
        autoencode: true,
        sortorder: "asc",
        viewrecords: true,
        ignoreCase: true,
        hoverrows: true,
        caption: title
});

function getColNames(data) {
var keys = [];
for(var i=0;i<data.rowValue.length;i++){
    for(var key in data.rowValue[i]) {
    if (data.rowValue[i].hasOwnProperty(key)) {
        keys.push(key);
    }
}
break;
}
return keys;}
function  getColModels(data) {
var colNames= getColNames(data);
var colModelsArray = [];
for (var i = 0; i < data.rowValue.length; i++) {
    var str;
    if (i === 0) {
        str = {
            name: colNames[i],
            index:colNames[i],
            key:true,
            editable:true
        };
    } else {
        str = {
            name: colNames[i],
            index:colNames[i],
            editable:true
        };
    }
    colModelsArray.push(str);
}
console.log(colModelsArray)
return colModelsArray;}

我成功地获取了列的任何方式。但我在获取colmodels方面遇到了问题。我是javascript的新手。任何帮助，将不胜感激。注意：rowValue将动态更改在此先感谢!!

Answer 1

---- ColName ----- var colName = Object.keys（data [“rowvalue”] [0]）;

x = _variable

请根据您的情况在ColModel中添加其余属性。

如何动态绑定JqGrid中的行和列？

1 个答案: