.net+easyui系列--datagrid
加载CSS
<link href="../../Public/easyui/SiteEasy.css" rel="stylesheet" type="text/css" />
<link href="../../Public/easyui/default/easyui.css" rel="stylesheet" type="text/css" />
加载JS
<script src="../../Public/easyui/jquery-1.6.min.js" type="text/javascript"></script>
<script src="../../Public/easyui/jquery.easyui.min.js" type="text/javascript"></script>
<script src="../../Public/easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="/Themes/Scripts/DatePicker/WdatePicker.js" type="text/javascript"></script>
JS加载显示的数据
$('#Grid').datagrid({
width: 'auto',
height: document.documentElement.offsetHeight - 60,
nowrap: true,
striped: true,
collapsible: true,
url: 'ShenHe_List.aspx',
queryParams: { key: escape($('#txtKey').val()), type: 'GetList', YLBXID: $("select[name$=fm_ylbxmc]").val(), BXZCBH: $("select[name$=fm_bxzcxx]").val() },
sortName: 'YLBXID',
sortOrder: 'desc',
remoteSort: false,
pageList: [20, 40, 80, 160],
columns: [[
{ field: 'ZLZMBH', title: '诊疗证书编号', width: 80, sortable: true, align: 'center' },
{ field: 'ZMLX', title: '证明类型', width: 80, sortable: true, align: 'center', formatter: function (value) {
switch (value) {
case "01":
return "诊断证明";
break;
case "02":
return "病假证明";
break;
case "03":
return "护理证明";
break;
case "04":
return "费用证明";
break;
case "05":
return "返校证明";
break;
}
}
},
{ field: 'JLLY', title: '记录来源', width: 60, sortable: true, align: 'center', formatter: function (value) {
switch (value) {
case "00":
return "门诊";
break;
case "01":
return "急诊";
break;
case "10":
return "住院";
break;
}
}
},
{ field: 'BRXM', title: '病人姓名', width: 70, sortable: true, align: 'center' },
{ field: 'SFZHM', title: '身份证号', width: 150, sortable: true, align: 'center' },
{ field: 'BRXB', title: '性别', width: 50, sortable: true, align: 'center' },
{ field: 'BRNL', title: '病人年龄', width: 70, sortable: true, align: 'center' },
{ field: 'RYSJ', title: '就诊时间', width: 110, sortable: true, align: 'center' },
{ field: 'CYSJ', title: '离诊时间', width: 110, sortable: true, align: 'center' },
{ field: 'LCZD', title: '临床诊断', width: 150, sortable: true, align: 'center' },
{ field: 'CLJY', title: '处理意见', width: 150, sortable: true, align: 'center' },
{ field: 'KSDM', title: '科室代码', width: 70, sortable: true, align: 'center' },
{ field: 'KSMC', title: '科室名称', width: 70, sortable: true, align: 'center' },
{ field: 'YSDM', title: '医生代码', width: 70, sortable: true, align: 'center' },
{ field: 'YSXM', title: '医生姓名', width: 70, sortable: true, align: 'center' },
{ field: 'BJTS', title: '病假天数', width: 60, sortable: true, align: 'center' },
{ field: 'KDSJ', title: '开证明时间', width: 110, sortable: true, align: 'center' },
{ field: 'DWDZ', title: '单位地址', width: 150, sortable: true, align: 'center' },
{ field: 'SHJG', title: '审核结果', width: 60, sortable: true, align: 'center', formatter: function (value) {
switch (value) {
case "0":
return "未审核";
break;
case "1":
return "合格同意";
break;
case "9":
return "不合格";
break;
}
}
}
]],
pagination: true,
rownumbers: true,
singleSelect: true,
onDblClickRow: function () {
update();
},
onLoadSuccess: function (data) {
var bodyTds = $(".datagrid-body table tr");
bodyTds.each(function () {
$("td:eq(2) div", this).css("text-align", "left");
$("td:eq(3) div", this).css("text-align", "left");
})
}
}).datagrid('getPager').pagination({
showPageList: false,
showRefresh: false
});
URL 是调用数据的路径
queryParams 是传递的参数
sortName 排序字段
columns：显示的字段数据
{ field: 'JLLY', title: '记录来源', width: 60, sortable: true, align: 'center', formatter: function (value) {
switch (value) {
case "00":
return "门诊";
break;
case "01":
return "急诊";
break;
case "10":
return "住院";
break;
}
}
}
以上代码
formatter: function (value){}格式是替换数据
onDblClickRow 双击的事件
onLoadSuccess 加载完成后的时间
加载datagrid
<td align="left" style="height: 100%;">
<table id="Grid">
</table>
</td>
后台方法
private void GetList()
{ string sql = string.Format("SELECT distinct * FROM zm_zlzm "); DataTable dt = DbHelperOra.QueryTable(sql); string strWhere = "";
DataSet ds = GetList(int.Parse(Request["rows"]), int.Parse(Request["page"]), strWhere); //把DataTable转化成json
string josn = JSONHelper.JSONDataTable(ds.Tables[], Count(strWhere).ToString());
Response.Clear();
Response.Write(josn);
Response.End();
}
后台返回的JASON数据:
{ "total": ,"rows":[ { "ZLZMBH":"Z2","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"","BRXB":"男","BRNL":"","DWDZ":"","RYSJ":"","CYSJ":"","LCZD":"","CLJY":"","KSDM":"","KSMC":"","YSDM":"","YSXM":"","KDSJ":"","SHDM":"","SHRXM":"","SHSJ":"","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"B2","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"","BRXB":"男","BRNL":"","DWDZ":"","RYSJ":"","CYSJ":"","LCZD":"","CLJY":"","KSDM":"","KSMC":"","YSDM":"","YSXM":"","KDSJ":"","SHDM":"","SHRXM":"","SHSJ":"","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"Z4","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"","BRXB":"男","BRNL":"","DWDZ":"","RYSJ":"","CYSJ":"","LCZD":"","CLJY":"","KSDM":"","KSMC":"","YSDM":"","YSXM":"","KDSJ":"","SHDM":"","SHRXM":"","SHSJ":"","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"","BRXB":"男","BRNL":"","DWDZ":"","RYSJ":"","CYSJ":"","LCZD":"","CLJY":"","KSDM":"","KSMC":"","YSDM":"","YSXM":"","KDSJ":"","SHDM":"","SHRXM":"","SHSJ":"","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"F00000001","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"张三","BRXB":"男","BRNL":"14岁","DWDZ":"杭州市","RYSJ":"2015/2/10 0:00:00","CYSJ":"2015/2/10 0:00:00","LCZD":"临床诊断000","CLJY":"无处理意见","KSDM":"","KSMC":"儿科","YSDM":"","YSXM":"李四","KDSJ":"2015/2/10 0:00:00","SHDM":"","SHRXM":"胡谦","SHSJ":"0001/1/1 0:00:00","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"F2","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"张三","BRXB":"男","BRNL":"14岁","DWDZ":"杭州市","RYSJ":"2015/2/10 0:00:00","CYSJ":"2015/2/10 0:00:00","LCZD":"","CLJY":"","KSDM":"","KSMC":"儿科","YSDM":"","YSXM":"李四","KDSJ":"2015/2/10 0:00:00","SHDM":"","SHRXM":"","SHSJ":"0001/1/1 0:00:00","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"Z0","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"张三","BRXB":"男","BRNL":"14岁","DWDZ":"杭州市","RYSJ":"2015/2/10 0:00:00","CYSJ":"2015/2/10 0:00:00","LCZD":"","CLJY":"","KSDM":"","KSMC":"儿科","YSDM":"","YSXM":"李四","KDSJ":"2015/2/10 0:00:00","SHDM":"","SHRXM":"","SHSJ":"0001/1/1 0:00:00","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"Z1","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"张三","BRXB":"男","BRNL":"14岁","DWDZ":"杭州市","RYSJ":"2015/2/10 0:00:00","CYSJ":"2015/2/10 0:00:00","LCZD":"","CLJY":"","KSDM":"","KSMC":"儿科","YSDM":"","YSXM":"李四","KDSJ":"2015/2/10 0:00:00","SHDM":"","SHRXM":"","SHSJ":"0001/1/1 0:00:00","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"Y00000001","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"","BRXB":"男","BRNL":"","DWDZ":"","RYSJ":"","CYSJ":"","LCZD":"","CLJY":"","KSDM":"","KSMC":"","YSDM":"","YSXM":"","KDSJ":"","SHDM":"","SHRXM":"","SHSJ":"","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"Z3","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"","BRXB":"男","BRNL":"","DWDZ":"","RYSJ":"","CYSJ":"","LCZD":"","CLJY":"","KSDM":"","KSMC":"","YSDM":"","YSXM":"","KDSJ":"","SHDM":"","SHRXM":"","SHSJ":"","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""}, { "ZLZMBH":"B00000001","ZLZMDM":"","JLLY":"","SFZHM":"","BRXM":"李时珍","BRXB":"男","BRNL":"78岁","DWDZ":"杭州是","RYSJ":"2016/1/5 0:00:00","CYSJ":"2016/1/7 0:00:00","LCZD":"牙疼","CLJY":"拔牙","KSDM":"","KSMC":"口腔科","YSDM":"","YSXM":"大洋","KDSJ":"2016/1/20 0:00:00","SHDM":"","SHRXM":"","SHSJ":"","SHJG":"","SHRDM":"","ZC":"","BJTS":"","ZMLX":"","JBDM":"","JBMC":"","RN":""} ]}
显示效果
.net+easyui系列--datagrid的更多相关文章
- easyUI 中datagrid 返回列隐藏方法
easyui的datagrid方法返回的列,有的值不需要显示可以使用hidden(属性进行隐藏) columns : [ [{ field : 'bailClass', title : '类别', w ...
- EasyUI 中 DataGrid 控件 列 如何绑定对象中的属性
EasyUI 中 DataGrid 控件 是我们经常用到的控件之一, 但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定. 模型如下: public class Manager impl ...
- easyui的datagrid行的某一列添加链接
通过formatter方法给easyui 的datagrid 每行增加操作链接. 效果图 jsp代码: <th field="url" width="100&quo ...
- easyui的datagrid打印(转)
在使用easyui插件的时候,使用最多的应该是datagrid插件.有时候根据客户需求,可能需要将datagrid内容进行打印,这时候如果直接调用window.print,可能由于easyui的dat ...
- EasyUI的datagrid分页
EasyUI的datagrid分页 前台代码: <script type="text/javascript"> $(function () { //查询 search( ...
- easyui使用datagrid时列名包含特殊字符导致表头与数据错位的问题
做一个用easyui的datagrid显示数据的功能时发现表格的列头与数据错位了,而且这个现象不总是能重现,一直没搞清楚原因.后来偶然在控制台看出了一点端倪: 推测表头或者单元格的class名应该是用 ...
- 利用Aspose.Cells完成easyUI中DataGrid数据的Excel导出功能
我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据, ...
- 修改easyui中datagrid表头和数据不能分开对齐的BUG。
easyui的datagrid中表头和列只能同时全部向左对齐,全部向右对齐或者居中对齐. 有时候有需求,数据向左或向右,表头居中对齐. 在不修改源码的情况下.下面的代码可以实现该功能. 把下面代码放在 ...
- JQuery EasyUI的datagrid的使用方式总结
JQuery EasyUI的datagrid的使用方式总结第一步:添加样式和js脚本在前台添加展示数据表格的table元素 例如: <div> <table id="tt& ...
随机推荐
- 同一個Loader對象傳入不同參數時,从数据库中查询的結果每次都一樣
發現問題: LoaderManager().initLoader()方法調用時會根據第一個參數ID去判斷是否已經存在一個Loader加載器,如果存在則複 用,不存在則建一個新的加載器.由於我第一次已經 ...
- 带文字的ImageButton[自定义]
今天Android项目中遇到一个ImageButton控件上面要显示文字,无奈自定义了一个ImageButton,继承自ImageButton.其实就是override这个控件的onDraw(Canv ...
- 故障模块名称: NetdiskExt64.dll的解决之法
故障模块名称: NetdiskExt64.dll的解决之法 2013年8月5日 开机,资源管理器报错.详细报错信息如下: 问题签名: 问题事件名称: APPCRASH 应用程序名: ...
- bzoj1899
显然如果只有一个窗口,是一道贪心的题目,直接让吃饭慢的排在前面即可 两个窗口的话,我们还是根据这个原则 先对吃饭时间降序排序,然后这是一个dp 假如设当前处理到第i个人,当在窗口1的打饭时间确定了,窗 ...
- [NYOJ 860] 又见01背包
又见01背包 时间限制:1000 ms | 内存限制:65535 KB 难度:3 描述 有n个重量和价值分别为wi 和 vi 的 物品,从这些物品中选择总重量不超过 W 的物品,求所 ...
- VS2010+Oracle11+Entity Framework4.1环境搭建及常见问题（转）
一,开场白: 在微软的实体数据模型中存在四种查询方式:SQL字符串:Linq:Linq to SQL:Linq to Entity(ESQL) 对于Linq SQL目前微软虽然仍在支持,但微软已经声明 ...
- 奇怪的Lisp和难懂的计算机程序的构造和解释
最近用新买的 Kindle 看<黑客与画家>的Lisp部分,发现作者 Paul Graham 很推崇 Lisp 语言,并且认为其它语言都没有Lisp简洁“成熟”,并且举例证明其它语言都在往 ...
- Windows 10 录音上的一个问题
最近升级到了Windows 10,结果在开发程序时发现,无论采用什么方法,都无法正常录制单声道的声音,虽然有迂回的方法解决问题,
- sqrt （x） 牛顿迭代法
参考: 0开方 是 0 1的开方式 1 2的开方式 1.4 3.的开方=(1.4+3/1.4)/2 牛顿迭代法:学习自 http://blog.csdn.net/youwuwei2012/articl ...
- bzoj 1036 [ZJOI2008]树的统计Count（树链剖分，线段树）
1036: [ZJOI2008]树的统计Count Time Limit: 10 Sec Memory Limit: 162 MBSubmit: 10677 Solved: 4313[Submit ...