jqgrid实现子表格

subGridRowExpanded ：当点击“+”展开子表格时，将触发此选项定义的事件方法；这时会自动创建一个div,在这个方法中可以获取到这个div的id和表格中该行的id
subGridRowColapsed ：当点击“-”收起子表格时，将触发此选项定义的事件方法；
在点击“-”时，子表格的div自动清除
在点击”+”时，也可以不去添加子表格，而去做别的自己需要的操作
html代码

<div class="panel-body"><!--定义外表格容器-->
        <table id="list" style="heigth: 1000px"></table>
        <div id="pager"></div>
</div>

js代码

$(function() {
   
        //页面加载完成之后执行
        pageInit(); //显示表格 

    });
    function pageInit() {
    //创建jqGrid组件  
        jQuery("#list")
                .jqGrid(
                        {
                            height : 400,
                            url : "collectLine/json/all",//组件创建完成之后请求数据的url
                            datatype : "json",//请求数据返回的类型。可选json,xml,txt
                            colNames : [ 'id', '名称', '描述', '线路长度', '是否有效',
                                    '目的地', '编辑' ],
                            colModel : [ {
                                name : 'id',
                                index : 'id',
                                width : 50,
                                align : 'left'
                            }, {
                                name : 'name',
                                index : 'name',
                                width : 80,
                                align : 'left'
                            }, {
                                name : 'remark',
                                index : 'remark',
                                width : 200,
                                align : 'left'
                            }, {
                                name : 'length',
                                index : 'length',
                                width : 100,