jqgrid插件使用实例

  function inittable() {
        var userTablevalue = {
            url: "/Manage/ActivityOrderManage/LoadData",
            datatype: "json",
            height:"100%",
            colNames: ['订单号', '订单时间', '订单类型', "购买人", '活动名', '活动ID', '订单金额', '订单状态', '支付方式'],
            colModel: [
                 { name: 'OrderNum', index: 'OrderNum', width: 150 },
                 { name: 'OrderTime', index: 'OrderTime', width: 150},
                 { name: 'OrderType', index: 'OrderType', width: 150 },
                 { name: 'Creater', index: 'Creater', width: 150 },
                 { name: 'TaskName', index: 'TaskName', width: 150 },
                 { name: 'TaskId', index: 'TaskId', width: 150,formatter: function(cellvalue) {
                    return "<a href='"+ "/mb/" + cellvalue + "' target='_blank'>" + cellvalue + "</a>";
                 } },
                 { name: 'OrderMoney', index: 'OrderMoney', width: 150 },
                 { name: 'OrderStatus', index: 'OrderStatus', width: 100},
                 { name: 'OrderPayType', index: 'OrderPayType', width: 100 }
            ],
            rowNum: 10,
            rowList: [10, 15, 20],
            pager: '#pager5',
            sortname: 'Id',
            sortorder: "desc",
            scrollrows:true,
            mtype: "post",
            viewrecords: true,
            autowidth: true,
            shrinkToFit: false,
            autoScroll: false,
            repeatitems: false,
            gridComplete: function () {
                         }
        };
        $("#list5").jqGrid(userTablevalue);
        $("#list5").jqGrid('navGrid', '#pager2', { edit: true, add: true, del: true });
    }