ligerui分页表格示例

所属分类：[界面编程] | 创建时间：2015-01-16 | 文章属性：原创 | 文章来源：http://windfly.cn | 作者：windfly

##网上很少见到ligerui分页表格示例，我来记录下

###表格代码
```
$("#maingrid").ligerGrid(
			{
				root : "rows",
				record : 'total',
				height : '100%',
				headerRowHeight : 23,
				width : '100%',
				columns : [ {
					display : '序号',
					name : 'num',
					align : 'left',
				}, {
					display : '标题',
					name : 'title',
					width : 170
				}, {
				display : '类型',
				name : 'type',
				width : 170
				}, {
					display : '状态',
					name : 'statusStr',
					width : 170
				}, {
					display : '创建时间',
					name : 'ctime',
					width : 170
				}, {
					display : '更新时间',
					name : 'utime',
					width : 170
				}, {
					display : '创建者',
					name : 'username',
					width : 170
				}, {
					display : '模块',
					name : 'module',
					width : 170
			} ],
				url : '/ADTask/list.dhtml',
				enabledSort : false,
				toolbar : {
					items : [ 
					   {text : '增加',icon : 'add',
						click : function(item){
							top.f_addTab("taskAdd", "增加Task", '/ADTask/addPage.dhtml');
						}
					}, {line : true
					}, {text : '修改',icon : 'modify',
						click : function(item){
							var grid = $("#maingrid").ligerGrid();
							if (grid.getSelectedRow()) {
								var id = grid.getSelectedRow().id;
								top.f_addTab("taskEdit", "修改Task", '/ADTask/editPage.dhtml?iP='
										+ id);
							} else {
								alert("没有选择行");
							}
						}
					}, {line : true
					}, {text : '删除',icon : 'delete',
						click : function(item){
							var grid = $("#maingrid").ligerGrid();
							if (grid.getSelectedRow()) {
								var title = grid.getSelectedRow().title;
								var id = grid.getSelectedRow().id;
								if (confirm("删除：" + title)) {
									$.get('/ADTask/remove.dhtml', {
										iP : id
									}, function(data) {
										if (data == '1') {
											grid.reload();
										} else {
											alert(data);
										}
									});
								}
							} else {
								alert("没有选择行");
							}
						}
					}, {line : true
					}, {text : '刷新',icon : 'refresh',
						click : function(item){
							var grid = $("#maingrid").ligerGrid();
							grid.reload();
						}
					} ]
				},
				onDblClickRow : function(data, rowindex, rowobj) {
					top.f_addTab("taskEdit", "修改Task",'/ADTask/editPage.dhtml?iP=' + data.id);
				}
			});
```
###服务器返回的json格式
`{Rows:[],Total:0}`