jqGrid 实现分组两种情况（绑定动态数据、绑定本地数据）

1 实现分组（绑定动态数据）

function initGrid(gridId,colModel){
    jQuery("#"+gridId).jqGrid({
        url:"/loginLog/getLoginLogExtList",
        postData:{},
        datatype: 'json',
        height: $(window).height() - 115,
        width: $(window).width() - 7,
        rownumbers: true, //行号
        pager: "#pager",
        recordtext: "第{0} - {1}条  共 {2} 条",
        pgtext: '当 前 页 {0} 总 共 {1}页',
        rowNum: 50,
        rowList: [50, 100,150],
        autowidth: false,
        viewrecords: true,
        colModel: colModel,
        grouping: true,//开启分组
        groupingView: {
            groupField: ['loginTime'],//要分组的列
            groupColumnShow: [true],//是否显示分组列
            groupText: ['登陆时间：{0}'],//分组前的第一行显示的文字
            groupCollapse: false,//加载数据时是否只显示分组的组信息
        },
    });
}

2 实现分组 （绑定本地数据）

有两种数据绑定方法（addJSONData和addRowData）。

function initGrid(,colModel,gridData){
    jQuery("#"+gridId).jqGrid({
        datatype: "local",
        height: $(window).height() - 115,
        width: $(window).width() - 7,
        rownumbers: true, //行号
        pager: "#pager",
        recordtext: "第{0} - {1}条  共 {2} 条",
        pgtext: '当 前 页 {0} 总 共 {1}页',
        rowNum: 50,
        rowList: [50, 100,150],
        autowidth: false,
        viewrecords: true,
        colModel: colModel,
        grouping: true,//开启分组
        groupingView: {
            groupField: ['loginTime'],//要分组的列
            groupColumnShow: [true],//是否显示分组列
            groupText: ['登陆时间：{0}'],//分组前的第一行显示的文字
            groupCollapse: false,//加载数据时是否只显示分组的组信息
        },
    });
    //第一种绑定数据方法
    $('#'+gridId)[0].addJSONData(gridData);
    //第二种绑定数据方法
    //for (var i = 0; i < gridData.length; i++) {
        //$('#'+gridId).jqGrid('addRowData',i+1,gridData[i]);
    //}
}