jqGrid - 将数据库记录嵌套属性设置为行id

时间:2015-01-08 19:45:54

标签: javascript json jqgrid

在我的网格中,我配置了jsonReader" id"将数据库记录作为行ID获取的属性。 像这样:

JSON

{
    id: 1,
    price: 99.99,
    data: {
        dataId: 2
    }
}

JSON READER

 ...
 jsonReader: {
     root: 'list',
     total: 'count',
     id: 'id' 
 },
 ...

如果我想设置" dataId"作为行id?我尝试在字符串中使用点表示法来定义它,但它不起作用。这是我的网格选项:

var gridOptions = {
    height: 250,                
    colNames: ['Nome', 'Preço'],
    colModel: [{
        name:'ipvodAsset.title',
        index:'ipvodAsset.title', 
        width: 200, 
        sorttype:'string', 
        searchoptions: { sopt:['eq','ne','lt','le','gt','ge','bw','bn','in','ni','ew','en','cn','nc'] }
    }, {
        name:'price',
        index:'price', 
        width:200, 
        sorttype:'currency', 
        formatter: 'currency',
        searchoptions: { sopt:['eq','ne','gt','ge','bw','bn','cn','nc'] }
    }],
    jsonReader: { id: 'data.data.id' },
    prmNames: {'order': 'order'},
    gridView: true,
    sortorder: 'asc',
    sortname: 'title',
    viewrecords : true,
    rowNum: 10,
    rowList:[10,20,30],
    altRows: true,
    dataType="local",
    data = [
        { "id": 1, "price": 99.99, "data": { "dataId": 2 } },
        { "id": 2, "price": 99.99, "data": { "dataId": 3 } },
        { "id": 3, "price": 99.99, "data": { "dataId": 4 } },
        { "id": 4, "price": 99.99, "data": { "dataId": 5 } }
    ]
};

1 个答案:

答案 0 :(得分:1)

首先,我应该提到JSON和对象初始化之间存在很大差异。语法

var data = [
    { "id": 1, "price": 99.99, "data": { "dataId": 2 } },
    { "id": 2, "price": 99.99, "data": { "dataId": 3 } },
    { "id": 3, "price": 99.99, "data": { "dataId": 4 } },
    { "id": 4, "price": 99.99, "data": { "dataId": 5 } }
];

声明变量data并初始化它。变量data的类型为object。由于所有属性idpricedata的名称不包含空格,点和其他特殊字符,因此可以重写上述代码,如

var data = [
    { id: 1, price: 99.99, data: { dataId: 2 } },
    { id: 2, price: 99.99, data: { dataId: 3 } },
    { id: 3, price: 99.99, data: { dataId: 4 } },
    { id: 4, price: 99.99, data: { dataId: 5 } }
];

另一种结构

var myJsonString = '[ { "id": 1, "price": 99.99, "data": { "dataId": 2 } }, { "id": 2, "price": 99.99, "data": { "dataId": 3 } }, { "id": 3, "price": 99.99, "data": { "dataId": 4 } }, { "id": 4, "price": 99.99, "data": { "dataId": 5 } } ]';

声明并初始化myJsonString类型的变量string(!!!)。可以使用jQuery.parseJSONJSON.parse甚至使用JavaScript的eval函数轻松将字符串myJsonString转换为对象data

因此myJsonString初始化右侧使用的字符串是JSON字符串,但不是第一个示例中的初始值设定项。

您发布的代码如dataType="local"而不是datatype: "local"gridView: true而不是gridview: true。如果您使用dataType: "local"代替datatype: "local",则该选项将被忽略,并且将使用"xml"的默认datatype值。它不会是你需要的。

然而问题仍然存在:请阅读此类数据并从data.dataId分配rowid值。

因为您使用datatype: "local",所以需要使用localReader代替jsonReader

localReader: { id: "data.dataId" }

而不是

jsonReader: { id: 'data.data.id' }

在您的代码中使用。

相应的演示是here。它显示

enter image description here

您可以轻松验证(使用Chrome,Internet Explorer或Firefox的开发人员工具)网格的rowid是2,3,4,5而不是1,2,3,4:

enter image description here