JS代码

$('#tt').datagrid({
url: 'ashx/LoadAllCompany.ashx', //表格数据从哪里{total:33,rows=[]}
title: '企业信息列表',
nowrap: false,
width: 726,
height: 350,
fitColumns: true, //列自适应
idField: 'id', //主键列的列明
loadMsg: '正在加载企业的信息...', //展示着行字
pagination: true, //是否有分页
singleSelect: false, //是否单行选择
pageSize: 10, //页大小，一页多少条数据
pageNumber: 1, //当前页，默认的
pageList: [5, 10, 20], //
queryParams: params, //往后台传递参数
columns: [[//绑定列
{title: '选择', field: 'ck', checkbox: true, align: 'left', width: 30 }, //checkbox。多选框的列
{title: '编号', field: 'id', width: 18 },
{ title: '邮箱', field: 'Email', width: 150 },
{ title: '企业名称', field: 'CompanyName', width: 140 }
]],
toolbar: [{
id: 'btnAdd',
text: '添加',
iconCls: 'icon-add',
handler: function () {
//弹出一个div来展示 添加用户信息的表单
//填写信息后，异步提交数据，后台处理完毕，返回数据，前台拿到数据之后，关闭此对话框，刷新表格
clear();
showAddDialog();
}
}, {
id: 'btnDelete',
text: '删除',
iconCls: 'icon-remove',
handler: function () {
//删除的代码逻辑
deleteModels();
}
}, {
id: 'btnEdit',
text: '修改',
iconCls: 'icon-edit',
handler: function () {
clear();
showEditDialog();
}
}]
});

HTML代码

<div>
<table id="tt" style="width: 700px;" title="企业列表" iconcls="icon-edit">

</table>
</div>