《jquery easyui插件》由会员分享，可在线阅读，更多相关《jquery easyui插件（8页珍藏版）》请在金锄头文库上搜索。
1、第5章 jQuery EasyUI插件,目 录,1,2,Easy UI概述,Layout控件,2,3,4,Tabs控件,Tree控件,5,DataGrid控件,5.1,Easy UI概述,3,Easy UI是在jQuery基础上开发的一个UI插件，目的在于让Web开发者快捷地构建出功能丰富且美观的用户界面。开发者无需编写复杂的JavaScript，也无需对CSS样式有深入的了解。开发者只需有一些HTML和jQuery基础，就可以轻松地开发出较好的软件界面。Easy UI控件种类很多，由于篇幅，这里仅介绍本书项目案例篇的项目中用到的几种常用控件。可以从官方网站下载jQuery EasyUI插件，
2、本书以jquery-easyui-1.5.1版本来介绍。下载jquery-easyui-1.5.1.zip文件，解压后的目录中主要包含jquery.min.js、jquery.easyui.min.js这两个文件和demo、locale、plugins和themes四个目录。demo目录下包含jQuery EasyUI官方提供的例子，locale目录下包含语言本地化JavaScript文件，plugins目录下包含Easy UI控件分文件的JavaScript，themes目录下包含样式和图片文件目录。,5.2 Layout控件,4,使用Easy UI的Layout控件可以实现页面布局，布局是
3、有五个区域（北区north、南区south、东区east、西区west 和中区center）的容器。中间的区域面板是必需的，边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。布局可以嵌套，因此用户可建立复杂的布局。 示例：使用Layout控件实现一个简单的页面布局。,5.3 Tabs控件,5,使用Tabs控件可以实现选项卡布局，一般用于中部选项卡。 示例：使用Tabs控件实现选项卡功能。,5.4 Tree控件,6,Tree控件是Web页面中将数据分层以树形结构显示的，Tree控件在页面上以标签标识。 示例：使用Tree控件实现树形菜单。,5.5 DataGrid控件,7,DataGrid控件以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。数据网格（DataGrid）的设计目的是为了减少开发时间，且不要求开发人员具备指定的知识。它是轻量级的，但是功能丰富。它的特性包括单元格合并，多列页眉，冻结列和页脚，等等。 示例：使用DataGrid控件显示数据。,5.6,小结,8,本章介绍了jQuery EasyUI插件中的Layout、Tabs、Tree和DataGrid这四个控件的基本用法。在本书项目案例篇中还将结合具体项目，更深入地学习相关Easy UI控件的用法。,
