前台部门

<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: '工号', width: 100, align: 'left',frozen: true },"); foreach(var item in selects) {
  builder.AppendLine("{label:'" + item.text + "', name: '" + item.text + "', width: 60, align: 'center',formatter: function (cellvalue) {return Math.round(cellvalue);}}, ");
} builder.AppendLine("{label:'总课时', name: '总课时', width: 60, align: 'center',formatter: function (cellvalue) {return Math.round(cellvalue);}}, ");
builder.AppendLine("{label:'课时费', name: '课时费', width: 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);
}

jqGrid--动态列的更多相关文章

  1. jqGrid动态列

    HTML代码: <div id="divList"> <div class="toolbar"> </div> <ta ...

  2. jqGrid动态增加列,使用在根据条件筛选而出现不同的列的场景

    function GetGrid2() { var jqdata = [ { Encode:"20180100", FullName: "BYD", SpecT ...

  3. Dynamic CRM 2013学习笔记(二十六)报表设计:Reporting Service报表 动态参数、参数多选全选、动态列、动态显示行字体颜色

    上次介绍过CRM里开始报表的一些注意事项:Dynamic CRM 2013学习笔记(十五)报表入门.开发工具及注意事项,本文继续介绍报表里的一些动态效果:动态显示参数,参数是从数据库里查询出来的:参数 ...

  4. extjs动态树 动态grid 动态列

    由于项目需要做一个动态的extjs树.列等等,简而言之,就是一个都是动态的加载功能, 自己琢磨了半天,查各种资料,弄了将近两个星期,终于做出来了 首先,想看表结构,我的这个功能需要主从两张表来支持 代 ...

  5. displaytag 动态列实现

    这种动态列的实现方法来自displaytag-examples-1.2.war提供的示例中,实际上下载下来的zip文件中不仅有各种jar包,还有这个包含各种例子的war包,是学习displaytag的 ...

  6. Easy DataGrid 实现动态列、行

    Easy DataGrid 实现动态列.行 前端代码: <title>展示销售的实时数据</title> <script type="text/javascri ...

  7. 记React+.NetCore API实现动态列导出

    1.效果演示 2.用到的第三方类库 前端:React,Dva,Antd 后端:ASP.NET CORE,System.Linq.Dynamic.Core,EPPlus.Core 3.基本思路 第一:E ...

  8. datatable动态列处理,重绘表格(敲黑板,划重点!!!我肝了一天半才彻底弄懂这个东西,TAT)

    datatable动态列处理,重绘表格 前言:至于动态列的绘画,我前面博客已经写过了,就是动态列的配置问题,不懂的去我博客看下,今天要写的呢,就是你已经写了一个动态列在datatable,现在你想重新 ...

  9. jqGrid选择列控件向右拖拽超出边界处理

    jqGrid选择列控件向右拖拽超出边界处理 $("#tb_DeviceInfo").jqGrid('navButtonAdd', '#jqGridPager', {         ...

  10. [转]bootstrap table 动态列数

    原文地址:https://my.oschina.net/u/2356355/blog/1595563 据说bootstrap table非常好用,从入门教程中了解到它的以下主要功能: 由于固定表头意味 ...

随机推荐

  1. 记录--vue3 setup 中国省市区三级联动options最简洁写法,无需任何库

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 在写页面的时候,发现表单里面有一个省市区的 options 组件要写,因为表单很多地方都会用到这个地址选择,我便以为很简单嘛. 虽然很简单 ...

  2. 记录--前端如何优雅导出多表头xlsx

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 xlsx导出是比较前后端开发过程中都比较常见的一个功能.但传统的二维表格可能很难能满足我们对业务的需求,因为当数据的维度和层次比较多 ...

  3. 记录--Event Loop事件循环、微任务、宏任务

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 JS是一门单线程语言,单线程就意味着,所有的任务需要排队,前一个任务结束,才会执行下一个任务.这样所导致的问题是:如果JS执行的时间 ...

  4. 记录--可视化大屏-用threejs撸一个3d中国地图

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 不想看繁琐步骤的,可以直接去github下载项目,如果可以顺便来个star哈哈 本项目使用vue-cli创建,但不影响使用,主要绘制都已封 ...

  5. 那位拿了多个Offer的大佬分享了最新Go面经

    和大家分享一下我们 Go就业训练营 和 升职加薪星球 中战友们投稿的真实面经. 这是第一篇,计划还会再更新4篇最新Go面经,都是拿到Offer的那种! 欢迎大家关注我的账号,关注之后不迷路. 先秀战绩 ...

  6. 【论文项目复现1】漏洞检测项目复现_VulDeeLocator

    复现环境 Ubuntu 20.04 CPU: 32G GPU: 11G 2080ti Source2slice: clang-6.0 + llvm + dg (dg: https://github.c ...

  7. linux系统centos7.9如何安装nginx

    1.官网下载nginx nginx官网:https://nginx.org/ 选择稳定版进行下载,也可以下载老版本,下载成功后上传到服务器. 2.使用wget下载 访问nginx官网,在下载页面鼠标右 ...

  8. DM数据库金融行业案例(水贴一波)

      最近没遇到啥有意思的案例,都是些很简单的案例,但是又好久没写过博客了,决定水一波帖子,保持更新. 今天这个是任总老婆小王同学提供的金融SQL案例,难是不难,但是远程的时候网络卡得要命, 心累. 慢 ...

  9. Numpy通用函数及向量化计算

    Python(Cpython)对于较大数组的循环操作会比较慢,因为Python的动态性和解释性,在做每次循环时,必须做数据类型的检查和函数的调度. Numpy为很多类型的操作提供了非常方便的.静态类型 ...

  10. 面试官:Redis如何实现延迟任务?

    延迟任务(Delayed Task)是指在未来的某个时间点,执行相应的任务.也就是说,延迟任务是一种计划任务,它被安排在特定的时间后执行,而不是立即执行. 延迟任务的常见使用场景有以下几个: 定时发送 ...