JQuery EasyUI列表显示数据、分页、查询

一、说明:

JQuery EasyUI下载地址:http://jquery-easyui.wikidot.com/download,最新版本1.2.2。

首先预览一下界面:

JQuery EasyUI列表显示数据、分页、查询

本例实现的功能:

1、多标签

2、分页列表显示数据

3、获取选中行的标识值,删除选中行

实现以上功能主要使用了:

1、layout:布局

2、tabs:多标签

3、datagrid:表格显示数据,并可以分页

4、messager:消息框

5、window:窗口

要了解用法,下载之后,参阅demo文件夹下的demo和官方文档。

二、功能实现分解

1、布局(参考layout的各个demo),可以参考上面的界面截图来看下面代码(Main.html):

JQuery EasyUI列表显示数据、分页、查询