JQueryEasyUI DataGrid Framework_jquery의 고급 사용

DataGrid는 Json 형식으로 데이터를 수신하므로 프런트엔드에서 데이터, 특히 시간 형식을 표시할 때 문제가 발생합니다. Json 직렬화 후에는 프런트엔드에서 정확한 시간 데이터를 표시할 수 없습니다. 그렇다면 이 문제를 어떻게 해결해야 할까요? ? 먼저 datapattern.js를 사용하여 이 문제를 해결할 수 있습니다. 쓸데없는 말을 할 필요 없이 다음 코드로 이동하세요.

<script src="Scripts/datapattern.js" type="text/javascript"></script>

코드 복사 코드는 다음과 같습니다.

//목록 초기화
함수 initTable (searchWhere) {
$('#tt').datagrid({
url: '/UserInfo/GetAllUserInfos',
title: 'User List',
width: 700,
height: 400 ,
fitColumns: true,
idField: 'ID',
loadMsg: '사용자 정보 로드 중...',
페이지 매김: true,
singleSelect: false,
pageSize: 10,
pageNumber: 1,
pageList: [10, 20, 30],
queryParams: searchWhere,
columns: [[
{ field: 'ck', checkbox : true, align: '왼쪽', 너비: 50 },
{ 필드: 'ID', 제목: '사용자 번호', 너비: 80 },
{ 필드: 'UName', 제목: '사용자 이름 ', 너비: 120 },
{ 필드: '비밀번호', 제목: '비밀번호', 너비: 120 },
{ 필드: '전화', 제목: '휴대전화', ​​너비: 120 } ,
{ 필드: '메일', 제목: '이메일', 너비: 120 },
{ 필드: 'SubTime', 제목: '등록 시간', 너비: 120,
형식: 함수( 값, 행, 인덱스) {//Json 형식 시간은 일반 형식으로 변환됩니다
return (eval(value.replace(//Date((d ))//gi, "new Date($1)"))) .pattern( "yyyy-MM-dd");
}
}
]],
도구 모음: [
{
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: 기능 () {
setUserRole();
}
},
{
id: 'btnSetVip',
text: '특수 역할 설정',
iconCls: 'icon -redo' ,
핸들러: 함수 () {
setVip();
}
}]
});
}

툴바는 폼에 있는 버튼을 말합니다. API에 소개가 없는 것 같지만 배열 형태로 직접 작성하여 완벽하게 표시할 수 있습니다.

图片跟上面的代码不是对应的，只是为了展示个效果；<br><br>easyuidatagrid+asp.net mvc3的示例代码下载地址（只有前台和Controller）：增删改都写了 
示例下载地址：http://download.csdn.net/detail/a417758082/5215044<br><br>datapattern.js下载地址：<br>http://download.csdn.net/detail/a417758082/5215139<br><br>