手机版

JQueryEasyUI数据网格框架的进阶使用

时间:2021-11-22 来源:互联网 编辑:宝哥软件园 浏览:

由于数据网格接收数据为Json格式,所以我们在前台展示数据的时候会出现问题,尤其是时间格式,在Json序列化之后,前台无法展示正确的时间数据,那么我们如何解决这样的问题呢?首先我们可以使用datapattern.js来解决这个问题:无需废话,直接上代码:脚本src=' http :脚本/数据模式。js ' type=' text/JavaScript '/script复制代码代码如下://列表初始化函数initTable(searchWhere) {$('#tt ').datagrid({ URL : '/UserInfo/Getalluserinfos ',title: '用户列表,宽度: 700,高度: 400,fitColumns: true,idField: 'ID ',loadMsg: '正在加载用户的信息.pagination: true,singleSelect: false,pageSize: 10,pageNumber: 1,pageList: [10,20,30],queryParams: searchWhere,columns 3360[{ field : ' CK ',checkbox: true,align: '左',width: 50 },{ field: ' ID ',title:用户编号,宽度: 80 },{ field: 'UName ',title: '用户名,宽度: 120 },{ field: 'Pwd ',title: '密码,宽度: 120 },{字段: '电话,标题: '手机,宽度: 120 },{字段: '邮件,标题: '邮箱,宽度: 120 },{ field: '枯草杆菌名称',title: '注册时间,宽度: 120,格式:函数(值、行、索引){//Json格式时间转化为正常格式返回(eval(值。替换(/\/Date \(\ d)\)\//gi,“新日期($1)')).模式(' yyyy-MM-DD ');}}]],toolbar: [{id: 'btnadd ',text: '注册用户,iconcl s 3360 ' icon-add ',处理程序: function(){ showCreateDialog();}},{ id: ' btnDownShelf ',text: '修改用户,iconCls: 'icon-edit ',处理程序: function(){ upDateUser();}},{id: 'btnDel ',text: '删除用户,iconcl s 3360 ' icon-cancel ',处理程序: function(){ deluers();}},{id: 'btnSet ',text: '设置用户角色,iconcl s 3360 ' icon-redo ',处理程序: function(){ SetUserRole();}},{id: 'btnSetVip ',text: '设置特殊角色,iconcl s 3360 ' icon-redo ',处理程序: function(){ setVip();}}]});}工具栏指的是表单上面的按钮美国石油学会(American Petroleum Institute)中好像没有介绍,但是可以直接以数组的形式写到上面,完美显示

图片跟上面的代码不是对应的,只是为了展示个效果;ASP.NET MVC 3的示例代码下载地址(只有前台和控制器):增删改都写了示例下载地址:http://下载。csdn。net/detail/a 417758082/5215044数据模式。射流研究…下载地址:http://下载。csdn。net/detail/a 417758082/5215139

版权声明:JQueryEasyUI数据网格框架的进阶使用是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。