object - JQgrid 从列中保存和恢复对象

Question

可以将复杂的对象保存到列中并在之后恢复它。

这是一个例子:杰森:

[{"datamain":"mydata",
       "address":{"data1":15,"data2":0.0,"data3":"1000"}}
}]

Jqgrid:

jQuery("#rowed5").jqGrid({  
        datatype: "local",
        loadtext:"Loading...",
        colNames:['Name',
                  'obaddress'],
        colModel:[
        {name:'datamain',index:'datamain', width:200,editable: true,edittype:'text'},
        {name:'address',index:'address', width:30, editable: false,hidden : true,edittype:'text'}
                ],
        cellsubmit: "clientArray",  
        pager:"#pager"
    });

如果我尝试访问地址:

 var rowData = $("#rowed5").getRowData(rowid);
var myaddress= rowData['address'];

然后我得到“[object Object]”，但它是一个字符串!!!我不能这样做:myaddress.data1

有什么推荐吗？？？

Answer 1

如果我正确理解您的问题，您可以执行以下操作:

var rowData = $("#rowed5").jqGrid("getLocalRow", rowid);
alert("data3=" + rowData.address.data3);

顺便说一句，要保存地址部分，您不需要创建隐藏列“地址”。因此，您不会在表中创建任何隐藏列来保存任何行特定的自定义数据。您应该像平常一样填充数据:使用 jqGrid 的 data 选项:

var mydata = [
    {
        id: "10",
        "datamain": "mydata",
        "address": {"data1": 15, "data2": 0.0, "data3": "1000"}
    },
    {
        id: "20",
        "datamain": "mydata2",
        "address": {"data1": 18, "data2": 0.1, "data3": "3000"}
    }
];

$("#rowed5").jqGrid({
    datatype: "local",
    data: mydata,
    colNames: ['Name'],
    colModel: [
        {name: 'datamain', width: 300, editable: true}
    ],
    height: "auto",
    ...
});

在这种情况下，所有数据将保存在jqGrid的内部data参数中。您可以使用 $("#rowed5").jqGrid("getGridParam", "data") 返回所有数据或使用 $("#rowed5").jqGrid("getLocalRow ", rowid) 仅返回指定行的数据。

The small demo现场演示该方法。数据每页显示一行。因此，您可以转到下一页并使用单元格编辑修改数据。保存后，将显示当前单元格中的“地址”信息。