由于datagrid接收数据为json格式，所以我们在前台展示数据的时候会出现问题，尤其是时间格式，在json序列化之后，前台无法展示正确的时间数据，那么我们如何解决这样的问题呢？首先我们可以使用datapattern.js来解决这个问题：无需废话，直接上代码：

复制代码 代码如下:
//列表初始化
function inittable(searchwhere) {
$('#tt').datagrid({
url: '/userinfo/getalluserinfos',
title: '用户列表',
width: 700,
height: 400,
fitcolumns: true,
idfield: 'id',
loadmsg: '正在加载用户的信息...',
pagination: true,
singleselect: false,
pagesize: 10,
pagenumber: 1,
pagelist: [10, 20, 30],
queryparams: searchwhere,
columns: [[
{ field: 'ck', checkbox: true, align: 'left', width: 50 },
{ field: 'id', title: '用户编号', width: 80 },
{ field: 'uname', title: '用户名', width: 120 },
{ field: 'pwd', title: '密码', width: 120 },
{ field: 'phone', title: '手机', width: 120 },
{ field: 'mail', title: '邮箱', width: 120 },
{ field: 'subtime', title: '注册时间', width: 120,
formatter: function (value, row, index) {//json格式时间转化为正常格式
return (eval(value.replace(/\/date\((\d+)\)\//gi, new date($1)))).pattern(yyyy-mm-dd);
}
}
]],
toolbar: [
{
id: 'btnadd',
text: '注册用户',
iconcls: 'icon-add',
handler: function () {
showcreatedialog();
}
},
{
id: 'btndownshelf',
text: '修改用户',
iconcls: 'icon-edit',
handler: function () {
updateuser();
}
},
{
id: 'btndel',
text: '删除用户',
iconcls: 'icon-cancel',
handler: function () {
delusers();
}
},
{
id: 'btnset',
text: '设置用户角色',
iconcls: 'icon-redo',
handler: function () {
setuserrole();
}
},
{
id: 'btnsetvip',
text: '设置特殊角色',
iconcls: 'icon-redo',
handler: function () {
setvip();
}
}]
});
}
toolbar指的是表单上面的按钮，api中好像没有介绍，但是可以直接以数组的形式写到上面，完美显示：
图片跟上面的代码不是对应的，只是为了展示个效果；
easyuidatagrid+asp.net mvc3的示例代码下载地址（只有前台和controller）：增删改都写了 示例下载地址：http://download.csdn.net/detail/a417758082/5215044
datapattern.js下载地址：
http://download.csdn.net/detail/a417758082/5215139