jqGrid子网格未扩展

jqGrid子网格未扩展,jqgrid,expand,subgrid,Jqgrid,Expand,Subgrid,我遵循了www.trirand.com/blog/jqgrid/jqgrid.html中显示的方式 但次网格并未扩展 这是我的jqgrid代码: jQuery("#list").jqGrid({ url:"../ajax_request/user_table_request.php", datatype: "json", mtype : "post", autoheight:true,

我遵循了www.trirand.com/blog/jqgrid/jqgrid.html中显示的方式

但次网格并未扩展

这是我的jqgrid代码:

 jQuery("#list").jqGrid({
            url:"../ajax_request/user_table_request.php",
            datatype: "json",
            mtype : "post",
            autoheight:true,
            autowidth:true,
            colNames:[
                "Kode Jabatan Pengguna",
                "Id Pengguna",
                "Username",
                "Nama Pengguna",
                "Email",
                "Id Jabatan",
                "Nama Jabatan"
            ],
            colModel:[
                {
                    name:"id",
                    index:"kode_jabatan",
                    align: "center",
                    width:15,
                    editable:false,
                    editoptions:{readonly:true,size:10},
                    hidden:false
                },

                {
                    name:"id_pengguna",
                    width:10,
                    editable:false,
                    editoptions:{readonly:true,size:10},
                    hidden:false
                },
                {
                    width:10,
                    editable:false,
                    editoptions:{readonly:true,size:10},
                    hidden:false
                },
                {
                    width:20,
                    editable:false,
                    editoptions:{readonly:true,size:20},
                    hidden:false
                },
                {
                    width:10,
                    editable:false,
                    editoptions:{readonly:true,size:10},
                    hidden:false
                },
                {
                    name:"id_jabatan",
                    width:10,
                    editable:false,
                    editoptions:{readonly:true,size:10},
                    hidden:false
                },
                {
                    width:10,
                    editable:false,
                    editoptions:{readonly:true,size:10},
                    hidden:false
                }
            ],
            rowNum:10,
            rowList:[10,20,30,40,50,60,70,80,90,100],
            pager: '#pager',
            sortname: 'kode_jabatan',
            sortorder: "asc",
            subGrid : true,
            subGridUrl: '../ajax_request/grid_jabatan_request.php',
            subGridModel: [
                {
                    name : ['Id Jabatan','Jabatan'],
                    width : [55,200],
                    params:['kode_jabatan']
                }
            ],
            scrollbar: true
        });
        jQuery("#list").jqGrid('navGrid','#pager',{edit:true,add:false,del:false,search:false});
        jQuery("#list").jqGrid('gridResize',{minWidth:350,maxWidth:800,minHeight:80, maxHeight:350});
我做错了什么? 有人有什么想法吗

我混淆了subgrid.js和grid.subgrid.js,它们是一样的吗

  • 您应该为jqGrid的所有列定义
    name
    属性。目前,7列中的4列没有
    名称
  • colModel
    subGridModel
    name
    属性中不应使用空格。您当前在
    subGridModel
    name
    属性中使用
    'Id Jabatan'
  • 子网格的数据将由
    subGridUrl
    参数定义的url提供。您应该验证它是否接收到带有crrect JSON数据的请求和应答

  • 当主栅格加载时,所有子栅格将自动展开,代码如下:

     subGridOptions: {
        "plusicon"  : "ui-icon-triangle-1-e",
        "minusicon" : "ui-icon-triangle-1-s",
        "openicon"  : "ui-icon-arrowreturn-1-e",
        "expandOnLoad" : true,
        "reloadOnExpand" : true,
        "selectOnExpand" : true
    

    },

    您发布答案的旧问题不使用网格作为子网格。它使用
    subGridModel
    为所有请求共享
    subGridUrl
    。在发出第一个请求(打开第一个子网格)时,内部属性
    ts.grid.hDiv.load
    将设置为
    true
    ,直到从服务器收到响应为止。因此,尝试打开下一个子网格将测试
    加载
    ,并忽略该请求。因此,您可能会看到
    expandOnLoad
    仅打开第一个子网格,而不是打开(扩展)所有子网格。此外,2011年5月jqGrid中不存在expandOnLoad。