jqGrid--动态列

前台部门

<select id="xuenian" name="xuenian" class="form-control"></select>
<div class="gridPanel" id="gridPanelZl">
<table id="gridList"></table>
<div id="gridPager"></div>
</div>

javascript

$(function () {
//select2下拉
$("#xuenian").bindSelect({
url: pageUrl + "SchoolYearSelectJson"
});
$("#xuenian").on("change", function (e) {
ininGrid();
}); 
ininGrid();
});
function ininGrid() {
SchoolYearSetID = $("#xuenian").val();
$.ajax({
url: pageUrl + "Girdhead",
data: { SchoolYearSetID: SchoolYearSetID },
type: "post",
dataType: "json",
async: false,
success: function (restdata) {
$.jgrid.gridUnload("gridList");
$("#gridList").dataGrid({
url: pageUrl + "GetGridJson",
postData: { SchoolYearSetID: SchoolYearSetID, keyword: keyword },
datatype: "json",
mtype: 'POST',
async: false,
height: $(window).height() - 220,
colModel: eval(restdata),
rowNum: 20,
rowList: [20, 50, 100],
pager: '#gridPager',//翻页的导航栏
sortname: '部门',//默认的排序列,会被提交到后台
viewrecords: true,//总记录条数
sortorder: "asc",//选择排序方式 降序或升序(asc or desc)
});
$("#gridList").jqGrid('setGridParam', {
url: pageUrl + "GetGridJson",
postData: { SchoolYearSetID: SchoolYearSetID, keyword: keyword },

}).trigger('reloadGrid');
}
});
}

后台部分

public IActionResult Girdhead(int SchoolYearSetID = 1) {
IList<SelectModel> selects = GetSchoolYeMoList(SchoolYearSetID);
StringBuilder builder = new StringBuilder();
builder.AppendLine("[");
builder.AppendLine("{ label: '工号', name: '工号',  100, align: 'left',frozen: true },");

foreach(var item in selects) {
  builder.AppendLine("{label:'" + item.text + "', name: '" + item.text + "',  60, align: 'center',formatter: function (cellvalue) {return Math.round(cellvalue);}}, ");
}

builder.AppendLine("{label:'总课时', name: '总课时',  60, align: 'center',formatter: function (cellvalue) {return Math.round(cellvalue);}}, ");
builder.AppendLine("{label:'课时费', name: '课时费',  60, align: 'center',formatter: function (cellvalue) {return Math.round(cellvalue);}}, ");

builder.AppendLine("]");
 return Json(builder.ToString()); 

}
public IActionResult GetGridJson(int SchoolYearSetID,string sidx = "a.部门",string sord = "asc",int page = 1,int rows = 15) 
{

  var table = _dal.JqGridData(SchoolYearSetID,keyword,branch,sidx,sord,page,rows);

  return Content(table);
}

作者:罗敏贵
邮箱:minguiluo@163.com
QQ群:34178394 建群 主要是寻找志同道合的人士一起学习和讨论自己的所学所思
出处:http://luomingui.cnblogs.com/
说明:专注于微软平台项目架构、熟悉设计模式、架构设计、敏捷个人和项目管理。现主要从事WinForm、ASP.NET、等方面的项目开发、架构、管理工作。文章为作者平时里的思考和练习,可能有不当之处,请博客园的园友们多提宝贵意见。
知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。

原文地址:https://www.cnblogs.com/luomingui/p/14380559.html