easy ui 实现gridview效果

前台：

  // 加载审批步骤列表
        function FillStep(flowID) {

            $('#tbStepList').datagrid({
                url: "/System/ApproverStepManage2?flowID=" + flowID, //获取数据的url(json格式）
                striped: true,
                singleSelect: true,
                loadMsg: "正在加载，请稍等...",
                rownumbers: true,
                columns: [[
            { field: 'C_ID', title: '审批流程id', hidden: true, sortable: true },
            { field: 'C_TypeName', title: '审批类型', width: 100, sortable: true },
            { field: 'C_Type', title: '审批类型', hidden: true, width: 100, sortable: true },
            { field: 'C_ApproverName', title: '审批人', width: 100, sortable: true },
            { field: 'C_Approver', title: '审批人', hidden: true, width: 100, sortable: true },
            { field: 'C_PositionName', title: '审批职位', width: 100, sortable: true },
            { field: 'C_Position', title: '审批职位', hidden: true, width: 100, sortable: true },
            { field: 'C_AllowFinalName', title: '是否允许终审', width: 100, sortable: true },
            { field: 'C_AllowFinal', title: '是否允许终审', hidden: true, width: 100, sortable: true },
            { field: 'C_NowStep', title: '当前步骤', width: 100, sortable: true },
            { field: 'modify', a: true, disable: true, title: '修改',
                formatter: function () {
                    return '<a href="javascript:void(0);"onclick="UpdateStep()">修改</a>';
                }
            },
            { field: 'del', a: true, disable: true, title: '删除',
                formatter: function () {
                    return '<a href="javascript:void(0);"onclick="DelStep()">删除</a>';
                }
            }
          ]]
            });
        }

后台：

 [HttpPost]
        public JsonResult ApproverStepManage2(Guid flowID)
        {
            ApproverStepModel model = new ApproverStepModel();
            List<ApproverStepModel> list = bllStep.GetApproverStep(flowID, model.Pager);
            return Json(list, JsonRequestBehavior.AllowGet);
        }