Подсетка 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

Когда загружается основная сетка, все подсетки автоматически расширяются следующим кодом:

 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

},

Answer 2

1. Вы должны определить name свойство для всех столбцов jqGrid. В настоящее время 4 из 7 столбцов не имеют name.
2. Вы не должны использовать пробелы в свойстве name colModel или subGridModel. Вы используете 'Id Jabatan' в name свойстве subGridModel.
3. Данные для подсетки будут предоставлены по URL, определенному параметром subGridUrl. Вы должны убедиться, что он получает запрос и отвечает точными данными JSON.