概要

在上一篇文章中,我们将如何动态的显示表头进行了介绍,在上一篇文章中还提到一个问题,DataGrid显示的数据不是直接来自于数据库而是拼接而成,这个表又是怎么拼接而成的呢，这次我们就来学习下它的具体实现.

实现

要实现的功能是,在表格中的"数据录入情况"和"计算情况"都是通过数据库中的一些信息的判断才得到表格中显示的"完成"、"未完成"、"计算"、"未计算"，除此之外表格中有个"查看详情",点击查看详情还可以进行不同条件的跳转.

我们将效果再次展示一下,

跳转后的页面

下面我们来代码的具体实现，关于前台html页面的代码我们在上一篇文章"项目总结—jQuery EasyUI-DataGrid动态加载表头 "中已经写到了，我们重点来看下一般处理程序的实现。

       //县市区定性计算情况查询public voidQueryCityCharacterization(HttpContext context){//声明并实例化县市区定性数据录入表CityCharacterizationVotesBLLcityCharacterizationVotesBLL = new CityCharacterizationVotesBLL();//声明并实例化定性指标CharacterizationTargetBLLcharacterizationTargetBLL = new CharacterizationTargetBLL();//声明并实例化县市区定性得分CityCharacterizationScoresBLLcityCharacterizationScoresBLL = new CityCharacterizationScoresBLL();//第一步获取所有受考核的定性指标名称表DataSet ds =characterizationTargetBLL.GetClassTargetName();DataTable dt = ds.Tables[0];var count = dt.Rows.Count;DataTable dtPart = new DataTable();//拼表的表头的列名dtPart.Columns.Add("Name");dtPart.Columns.Add("ConditionInput");dtPart.Columns.Add("CalculateInput");dtPart.Columns.Add("Operate");//取出受考核的定性指标名称该表所有指标名字for (int i = 0; i < count; i++){var Name =dt.Rows[i]["Name"].ToString();//第二步 通过循环 来拼表//调用方法来获取录入情况的boolean值Boolean fag =cityCharacterizationVotesBLL.GetNotInputCityBoolean(Name);//调用方法来获取计算情况的boolean值Boolean Calculate =cityCharacterizationScoresBLL.GetCityScoresBoolean(Name);//将记录添加到该列下DataRow dr = dtPart.NewRow();dr["Name"] = Name;dr["ConditionInput"]= fag ? "完成" : "未完成";dr["CalculateInput"]= Calculate ? "已计算" : "未计算";dr["Operate"] ="<a href='ScoresDetailsCityCharacterization.aspx?Name=" + Name +"' target='_blank'>查看详情</a>";dtPart.Rows.Add(dr);}//将dtPart放到dataset中DataSet dsCadres = new DataSet();dsCadres.Tables.Add(dtPart);int n = dtPart.Rows.Count;string strJson =ToJson.Dataset2Json(dsCadres, n);//DataSet数据转化为Json数据context.Response.Write(strJson);//返回给前台页面context.Response.End();}

这便是我们所要实现的功能的核心代码所在，其它的代码我们在前面的文章中都已经有所提到，上面的代码便是我们的效果的具体实现。

总结

我们这篇文章的核心是拼表，将不同的数据拼成一个新的DataTable,只不过我拼的比较特殊，这个表不仅包括来自数据库中的某列的数据、还包括我们根据来自数据库中的列的内容进行判断要显示的内容以及一个“查看详情”的跳转，这个相对来说比较麻烦，如果我们连这个都可以掌握的话，那么其它的拼表就更不在话下了。

项目总结—jQuery EasyUI-DataGrid 拼表及查看详情相关推荐

jQuery EasyUI DataGrid Checkbox 数据设定与取值
纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...
DoNet开源项目-基于jQuery EasyUI的后台管理系统
本文转载于石佳劼的博客,有问题请到原文咨询,原文连接. 博主在业余时间开发了一个简单的后台管理系统,其中用到了 jQuery EasyUI 框架,上次分享过系统布局,参考文章:jQuery Easy ...
jquery easyui dataGrid动态改变排序字段名
2019独角兽企业重金招聘Python工程师标准>>> jquery easyui dataGrid 动态改变排序字段名,一般情况下,在使用的时候,我们会点击相应字段进行排序, 这里 ...
jQuery EasyUI datagrid实现本地分页的方法
本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重 ...
让jquery easyui datagrid列支持绑定嵌套对象
嵌套对象是指返回的json数据,是对象的某个属性自带有属性.而我们恰恰又需要这个属性,默认情况下easyui的datagrid是不支持绑定嵌套对象的.比如:datagrid的field属性只能为fie ...
jquery easyui datagrid 分页详解
http://www.cnblogs.com/huozhicheng/archive/2011/09/27/2193605.html 由于项目原因,用了jquery easyui 感觉界面不错,皮肤样 ...
jquery easyui datagrid view detailview 使用
要用jquery easyui实现下图这种可打开列表的形式 (此图截于easyui的api中) 要实现这种主从显示效果就要用到datagrid中的属性view:detailview和事件onExpan ...
jQuery EasyUI DataGrid 分页 FOR ASP.NET
源代码: 前台(html): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
jQuery EasyUI datagrid本地分页
2019独角兽企业重金招聘Python工程师标准>>> 代码如下: <!DOCTYPE html> <html> <head> <meta ...
ThinkPHP+jQuery EasyUI Datagrid查询数据的简单处理
ThinkPHP和jQuery EasyUI这两个都是不错的框架,现在要把它两个整合到一块,做个简单的Ajax调用查询. 在ThinkPHP模板中引入EasyUI的相关文件,然后设置按钮3的调用: & ...

项目总结—jQuery EasyUI-DataGrid 拼表及查看详情

概要

实现

总结

项目总结—jQuery EasyUI-DataGrid 拼表及查看详情相关推荐

最新文章

热门文章