之前我们的项目在前台显示只需要把数据从数据库读出来进行显示就可以,datagrid的表头字段都是写死的,把数据往表里一扔,就基本没什么事儿了,结果客户前几天要求,其中一个字段不能是死的,应该是有多少项显示多少项,比如说,原来只需要显示:其他项总分,现在需要显示的则是:xx加分,xx加分,xx减分,xx加分。。。。字段不固定,有多少项也不确定,需要从数据库中查到相应的字段来进行显示。

不能要求客户来适应咱们的系统啊,而应该全心全意为客户着想,所以,开始改。原来的情况是,所有的字段都是固定的,而且要显示的字段是跟数据库中某张表对应的,只需要查出来就可以。现在的情况是,其中一部分字段是固定的,另一部分字段是不固定的,然后固定字段的数据是从原来的表中查出来的,不固定字段的数据是从另外一张表查出来的。

经过一下午和一晚上的努力,终于初步完成了显示效果,但是还有缺点就是没办法做到分页显示,现在的效果还需要进一步优化,先把当前完成的部分记录一下。

代码如下:

view端:

//datagrid动态加载列
function getjson()
{
$.getJSON('/QueryScores/QueryOtherAssess', null, function (otherscores) {
var columns = new Array();
var column2 = {
field: '教工号', title: '教工号', width: 50
}
columns.push(column2);
var column3 = { field: '教职工姓名', title: '教职工姓名' }
columns.push(column3);
var column4 = { field: '工作效率', title: '工作效率', width: 50 }
columns.push(column4);
var column5 = { field: '职业道德', title: '职业道德', width: 50 }
columns.push(column5);
var column6 = { field: '业务能力', title: '业务能力', width: 50 }
columns.push(column6);
var column7 = { field: '廉洁自律', title: '廉洁自律', width: 50 }
columns.push(column7);
var column8 = { field: '工作成绩', title: '工作成绩', width: 50 }
columns.push(column8);
//导入其他分值的循环
for (var i = 0; i < otherscores.sum; i++) {
var column1={
field:otherscores.OtherScoresAssess[i],title:otherscores.OtherScoresAssess[i],width:70
}
columns.push(column1);
}
var column9 = { field: '总分', title: '总分', width: 50 }
columns.push(column9);
initTable(columns);
})
} function initTable(columns) {
$('#tt').datagrid({
title: '查看成绩',
url: '/QueryScores/QueryScoresIndex',
width: '100%',
rownumbers: true,
columns: [
columns
]
});
}

view端调了controller端两个方法,QueryOtherAssess是为了读取到需要动态加载的列的表头字段。QueryScoresIndex是将数据查到返回的方法。

QueryOtherAssess:

public ActionResult QueryOtherAssess()
{
IList<string> OtherScoresAssess = OtherScoresAsscssProgramBLL.LoadEnities(u => u.IsUsed == true).Select(u => u.AsscssProgram).ToArray(); var OtherScoresAssessList = new
{
sum = OtherScoresAssess.Count(),
OtherScoresAssess = OtherScoresAssess
}; return Json(OtherScoresAssessList, JsonRequestBehavior.AllowGet); }

QueryScoresIndex首先将数据查出来,然后转成json字符串返回前台。

具体查数据就不贴了,看一下赋值的段落:

 //表头
DataTable FinalTable = new DataTable();
FinalTable.Columns.Add("教工号", typeof(int));
FinalTable.Columns.Add("教职工姓名", typeof(string));
FinalTable.Columns.Add("工作效率", typeof(string));
FinalTable.Columns.Add("职业道德", typeof(string));
FinalTable.Columns.Add("业务能力", typeof(string));
FinalTable.Columns.Add("廉洁自律", typeof(string));
FinalTable.Columns.Add("工作成绩", typeof(string));
for (int i = 0; i < YzOtherProgramEntity.Count; i++)
{
FinalTable.Columns.Add(YzOtherProgramEntity[i].AsscssProgram, typeof(string));
}
FinalTable.Columns.Add("总分", typeof(string));

然后是赋值:

 DataRow FileRow = FinalTable.NewRow();
FileRow["教工号"] = scoresstaffid;
FileRow["教职工姓名"] = staffname;
FileRow["工作效率"] = staffscoresEntity[i].WorkEfficiency;
FileRow["职业道德"] = staffscoresEntity[i].ProfessionalEthics;
FileRow["业务能力"] = staffscoresEntity[i].BusinessAbility;
FileRow["廉洁自律"] = staffscoresEntity[i].HonestyDiscipline;
FileRow["工作成绩"] = staffscoresEntity[i].WorkPerformance; if (YzOtherProgramEntity != null)
{
for (int j = 0; j < YzOtherProgramEntity.Count; j++)
{
Decimal othertotalscores = 0;
Guid otherprogramEntityID = YzOtherProgramEntity[j].ID;
IList<YzOtherScoresEntity> YzOtherScoresEntity = OtherScoresBLL.LoadEnities(u => u.CriticID == staffguid && u.Program == otherprogramEntityID && u.IsUsed == true).ToArray(); for (int k = 0; k < YzOtherScoresEntity.Count; k++)
{
othertotalscores = othertotalscores + YzOtherScoresEntity[k].Number;
} FileRow[YzOtherProgramEntity[j].AsscssProgram] = othertotalscores; } FileRow["总分"] = staffscoresEntity[i].TotalScores;
FinalTable.Rows.Add(FileRow);

最后转json字符串:

char[] specialChars = new char[] { ',' };
string JSONstring = "["; int index = 0;
foreach (DataRow dr in FinalTable.Rows)
{
JSONstring += "{"; foreach (DataColumn dc in FinalTable.Columns)
{
JSONstring += "\"" + dc.ColumnName + "\":\"" + dr[dc].ToString() + "\",";
}
JSONstring = JSONstring.TrimEnd(specialChars);
JSONstring += "},"; index++;
}
JSONstring = JSONstring.TrimEnd(specialChars);
JSONstring += "]";
return JSONstring;

然后前台进行接收,最后就可以做到动态加载列啦

结果:

【datagrid】动态加载列 2016-01-03 16:32 2013人阅读 评论(19) 收藏的更多相关文章

  1. hdu1171 Big Event in HDU(01背包) 2016-05-28 16:32 75人阅读 评论(0) 收藏

    Big Event in HDU Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others ...

  2. jquery easyui datagrid 动态 加载列

    实现方式: 首先根据输入的sql语句获得相关的列名称返回给前台,然后在datagrid中动态加载列,接着根据查询条件(包括sql语句)获取相关的记录返回给前台用于填充datagrid.从而实现类似or ...

  3. JAVA 对象数组,加载图片实例 分类: Java Game 2014-08-14 16:57 80人阅读 评论(0) 收藏

    主函数: package com.mywork; import java.awt.Color; import java.awt.Image; import javax.swing.ImageIcon; ...

  4. winform 解决界面闪动、提升加载速度 分类: WinForm 2015-02-03 16:34 161人阅读 评论(0) 收藏

    说明: 从一个技术交流群里获得,经验证效果不错. //作用 加快界面加载 protected override CreateParams CreateParams          {         ...

  5. EasyUI datagrid动态加载json数据

    最近做一个项目,要求是两张张表可能查找出10多种不同的结果集. 如果想只用一个表格就把全部的结果不同的显示出来那么就肯定不同使用固定的字段名字,要通过动态加载后台返回来的数据把它显示出来就必须动态加载 ...

  6. 百度地图-省市县联动加载地图 分类: Demo JavaScript 2015-04-26 13:08 530人阅读 评论(0) 收藏

    在平常项目中,我们会遇到这样的业务场景: 客户希望把自己的门店绘制在百度地图上,通过省.市.区的选择,然后加载不同区域下的店铺位置. 先看看效果图吧: 实现思路: 第一步:整理行政区域表: 要实现通过 ...

  7. 【第一篇】说说MVC+EF easyui dataGrid 动态加载分页表格

    首先上javascript的代码 <script type="text/javascript"> $(function () { LoadGrid(); }) //加载 ...

  8. 转 -- MVC+EF easyui dataGrid 动态加载分页表格

    首先上javascript的代码 <script type="text/javascript"> $(function () { LoadGrid(); }) //加载 ...

  9. easyui datagrid 动态加载数据 渲染问题,表格错位问题

    $('#dg').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:100}, {fie ...

随机推荐

  1. Django项目:CRM(客户关系管理系统)--20--12PerfectCRM实现King_admin分页上下页

    {#table_data_list.html#} {## ————————08PerfectCRM实现King_admin显示注册表的字段表头————————#} {% extends 'king_m ...

  2. Sublime setting 个性修改

    { // 编辑器字体大小 "font_size": 10, // 设置行间距 "line_padding_bottom":5, "line_paddi ...

  3. python基础--常用的模块(collections、time、datetime、random、os、sys、json、pickle)

    collection模块: namedtuple:它是一个函数,是用来创建一个自定义的tuple对象的,并且规定了tuple元素的个数,并可以用属性而不是索引来引用tuple的某个元素.所以我们就可以 ...

  4. day37 06-Hibernate二级缓存:更新时间戳区

    二级缓存区:类缓存区,集合缓存区,更新时间戳区. 它会记录一个时间T1.其实在我们查询之后它会记录一个时间.假设时间叫做T1.就是你查询完之后的当前时间是T1.当我们自己手动在下面做了一个更新之后,它 ...

  5. ip地址获取无效,自己修改ip地址

    (1)

  6. 常用命令4-文件搜索命令 2- whereis

    whereis比较局限,只能查看系统命令.

  7. 二叉树总结—建树和4种遍历方式(递归&&非递归)

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/u013497151/article/details/27967155 今天总结一下二叉树.要考离散了 ...

  8. Vue.之.安装

    Vue.之.安装 第一步npm安装 首先:先从nodejs.org中下载nodejs   直到Finish完成安装. 打开控制命令行程序(CMD),检查是否正常 使用淘宝NPM 镜像 国内直接使用np ...

  9. HTTP请求响应头信息

    HTTP请求响应头信息 请求:(request) 组成部分: 请求行 请求头 请求体 请求行:请求信息的第一行 格式:请求方式 访问的资源 协议/版本 例如:GET /day0801/1.html H ...

  10. ubuntu上制作应用程序的快捷图标启动

    最近在研究Go语言,对比了几种流行的IDE,发现GoLand是使用体验最好的,没有之一.这也印证了网友们常说的那句话“JetBrain出品,必属精品”. 在ubuntu环境下使用GoLand,直接到J ...