jqGrid表格之subGrid

最近做的项目用到的jqgrid做表格，刚开始用的时候是各种不顺，随着项目的不断深入，对表格的要求也越来越高，有些时候都不知道怎么解决问题了，后来经过我的不断努力，总算有了很大进步，下面把我的学习过程分享一下。

1、定义subGrid为true，然后是subGridOptions选项；

 <span style="white-space:pre">	</span>    subGrid: true,
            subGridOptions: {
                plusicon: 'ui-icon-plus',
                minusicon: 'ui-icon-minus',
                openicon: 'ui-icon-carat-1-sw',
                expandOnLoad: true,
                selectOnExpand: false,
                reloadOnExpand: false
            },

2、定义subGridModel；

subGridModel : [ 
{ name : ['name_1','name_2',…,'name_n'], //name为子表格label
width : [width_1,width_2,…,width_n] , 
align : ['left','center',…,'right'] , 
params : [param_1,…,param_n], //当子表格发送请求时，需要请求参数时，与主表格colmodel对应的name的值，不建议使用
mapping:['name_1_map','name_2_map',…,'name_n_map']} //mapping为与name映射的值

3、subGridUrl，子表格发送请求;

4、如果想要改变子表格的话，调用subGrid子表格的方法

jQuery("#orderdatatable").expandSubGridRow(rowId);