文件名称：jQuery_EasyUI_中文教程 pdf
文件大小：903KB
文件格式：PDF
更新时间：2014-07-22 07:00:24
jQuery EasyUI 中文教程 pdf
在DataGrid上的复选框 本教程显示了你如何放置checkbox列。使用checkbox，用户可以选定/取消数据行。 添加checkbox列，我们简单的添加列的checkbox属性，并且设置为true。代码像这样：
jQuery_EasyUI_中文教程 pdf
【文件属性】：
$('#tt').datagrid({
title:'Checkbox Select',
iconCls:'icon-ok',
width:600,
height:250,
url:'datagrid_data.json',
idField:'itemid',
columns:[[
{field:'ck',checkbox:true},
{field:'itemid',title:'Item ID',width:80},
{field:'productid',title:'Product ID',width:80},
{field:'listprice',title:'List Price',width:80,align:'right'},
{field:'unitcost',title:'Unit Cost',width:80,align:'right'},
{field:'attr1',title:'Attribute',width:100},
{field:'status',title:'Status',width:60}
]],
pagination:true
});
上面的代码，我们可以添加列的checkbox属性，然后他就会出现选择列。如果idField属性被设置，DataGrid的选择会被不同的页保持。
自定义DataGrid分页
DataGrid内建分页能力是强大的，它比自定义相对容易。在这个教程，我们将要创建DataGrid并且在页面工具栏中添加一些自定义按钮。