jqGrid子网格不扩展

Question

我按照 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 它们是相同的吗？

Answer 1

1. 您应该为 jqGrid 的所有列定义 name 属性。目前 7 列中的 4 列没有名称。
2. 您不应在 colModel 或 subGridModel 的 name 属性中使用空格。您当前在 subGridModel 的 name 属性中使用'Id Jabatan'。
3. 子网格的数据将通过 subGridUrl 参数定义的 url 提供。您应该验证它是否收到请求并使用正确的 JSON 数据进行应答。

Answer 2

当主网格加载时，所有子网格将自动展开，代码如下：

 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

},