如何将我的JSON字符串转换为JavaScript Object Literal

时间:2014-10-02 15:07:29

标签: javascript jquery json jqgrid

我正在使用jqGrid,目前我遇到了一些问题,主要是因为它的配置。

目前我想这样做:

    var tableConfigJson = $treeTable.getMappedJson();

    jQuery(function() {
        jQuery("#grid").jqGrid(tableConfigJson);
    });

$ treeTable是我在服务器端的对象,我正在使用速度映射检索。

现在我从我的服务器获取的JSON很好,但是当我将它传递给jqGrid来为它设置配置时,它并不起作用。如果我在javascript中设置配置,但我将配置创建为javascript对象,它可以正常工作,但是如果我只是将JSON作为配置传递它不起作用。现在我的问题是,有一种简单的方法来解决这个问题吗?或者我需要使用JSON再次映射配置。

如果我这样做:

jQuery(function() {


jQuery("#grid").jqGrid({
    treeGrid: true,
    treeGridModel: 'adjacecncy',
    ExpandColumn: 'name',
    datatype: "local",
    mtype: 'Get',
    colNames: ['id','Name','MenuId','Menu Name'],
    colModel: [
        {name:'RowId',index:'RowId',width:300,fixed:true},
        {name:'Name',index:'Name',width:300,fixed:true},
        {name:'MenuId',index:'MenuId',width:300,fixed:true},
        {name:'MenuName',index:'MenuName',width:300,fixed:true},
    ],
    root:[
        {id:"1",Name:"Main Menu", MenuId:"1",MenuName:"Menu1"},
        {id:"2",Name:"Main Menu1",MenuId:"2",MenuName:"Menu2"},
        {id:"3",Name:"Main Menu2",MenuId:"3",MenuName:"Menu3"}
    ],
    pager: '#dvtreegridsamp',
    Caption: 'example'
)};

然后它有效。

更新:

这是我的对象在控制台中的输出,但我想我知道现在可能出现的问题。

Object {datatype: "local", data: Array[3], colNames: Array[2], colModel: Array[2], height: "auto"…}ExpandColumn: "id"
caption: "I am SAD"
colModel: Array[2]0: Object1: Objectlength: 2__proto__: Array[0]colNames: Array[2]
data: Array[3]
datatype: "local"
height: "auto"
sortname: "id"
treeGrid: "true"
treeGridModel: "adjacency"
treedatatype: "local"

问题是用于配置的参数在地方解析为数组对象,而不是JSON样式字符串。所以这些参数被忽略了。我需要这些是JSON风格然后一切正常。

如果我需要澄清任何事情只是让我知道,它已经很晚了,而且我喝了很多咖啡。

1 个答案:

答案 0 :(得分:2)

如果tableConfigJson当前是JSON字符串,就像你建议的那样,那么你只需要解析它:

jQuery("#grid").jqGrid(JSON.parse(tableConfigJson));

如果您need it to work in older browsers,则需要加入a shim