我正在开发一个ASP MVC 2应用程序.它有一个jqGrid,网格中的数据是从控制器返回的 JSON对象中填充的.我的网格有3列’UnitNo’,’Area’和’Rate per sqm’.从数据库中重新获取这些列值.现在我需
这是我的控制器代码:
public JsonResult GetERVList() { var ervRep=new ERVRepository(); IList<ERVMaster> list = ervRep.ListERVData(); int pageSize = 50; int totalRecords = list.Count(); var totalPages = (int)Math.Ceiling(totalRecords / (float)pageSize); var jsonData = new { total = totalPages, pageSize, records = totalRecords, rows = (from ervdata in list select new { i = ervdata.Id, cell = new[] { ervdata.UnitNo, ervdata.Area, ervdata.RatePerSQM } }).ToArray() }; return Json(jsonData, JsonRequestBehavior.AllowGet);
}
我的jqGrid代码是这样的
<script type="text/javascript"> jQuery(document).ready(function () { jQuery("#list").jqGrid({ url: '/ERV/GetERVList/', datatype: 'json', mtype: 'GET', colNames: ['Unit', 'Area', 'Rate per SQM'], colModel: [ { name: 'UnitNo', index: 'UnitNo' }, { name: 'Area', index: 'Area' }, { name: 'RatePerSQM', index: 'RatePerSQM' }], pager: jQuery('#pager'), rowNum: 10, rowList: [5, 10, 20, 50], sortname: 'Id', sortorder: "Id", viewrecords: true, caption: 'My first grid' }); });
提前致谢,
Ancy
以下应该在jQgrid v4.0中工作
按照以下方式更改colNames和colModel配置
colNames: ['Unit', 'Area', 'Rate per SQM', 'Unit Price'], colModel: [ { name: 'UnitNo', index: 'UnitNo' }, { name: 'Area', index: 'Area' }, { name: 'RatePerSQM', index: 'RatePerSQM' }, { name: 'RatePerSQM', index: 'RatePerSQM', formatter: function (cellvalue, options, rowObject) { return rowObject["Area"] * cellvalue } }],