Question

如何用jquery-easyui中的datagrid显示数据

Answer 1

$(function(){
$('#list_data').datagrid({
title:'应用系统列表',
iconCls:'icon-edit',//图标
width: 'auto',
height: 'auto',
nowrap: false,
striped: true,
border: true,
collapsible:false,//是否可折叠的
//fit: true,//自动大小
loadMsg: '加载中,请稍等',
//data:jsondata,
url:'login.do',
//sortName: 'code',
//sortOrder: 'desc',
remoteSort:false,
idField:'CARDID',
singleSelect:false,//是否单选
pagination:true,//分页控件
rownumbers:true,//行号
fitColumns:true,
frozenColumns:[[
{field:'ck',checkbox:true}
]],
columns:[[{
title:'区局ID',
field:'CARDID',
align:'center',
width:100
},{
title:'区局',
field:'CARDINFO',
align:'center',
width:100
},{
title:'网站',
field:'CARDPHONE',
align:'center',
width:100
}

]],

toolbar: [{
text: '添加',
iconCls: 'icon-add',
handler: function() {
openDialog("add_dialog","add");
}
}, '-', {
text: '修改',
iconCls: 'icon-edit',
handler: function() {
openDialog("add_dialog","edit");
}
}, '-',{
text: '删除',
iconCls: 'icon-remove',
handler: func