Jquery UI框架

1、jquery UI 框架的概念

   jquery UI框架是基于jQuery库封装的一系列处理UI界面的JavaScript代码，这种框架中包括了多种界面相对比较美观、功能较完整的UI控件，例如，Tab容器、可折叠容器、工具提示、浮动层以及可滚动容器等，并且这些控件自带拖放、滚动、表格排序等功能，在实际项目中使用非常普遍。

2、jQuery UI框架的种类

   随着jquery UI框架的流行，很多开发人员开发了不同类型的UI框架来高效完成项目，jQuery中的UI框架除了一套名称为“jQueryUI”的框架之外，还有Liger UI、DWZ富客户端框架和Easy UI等框架，接下来将分别讲解这些UI框架的特点。

   （1）Liger UI框架

    Liger UI是基于jQuery开发的由一系列控件组成的jQuery UI框架，包括表单、布局、表格等常用UI控件，使用LigerUI可以快速创建风格统一的界面效果。

   （2）DWZ富客户端框架

    DWZ富客户端框架是基于JQuery实现的Ajax RIA(丰富互联网应用程序)开源框架，它支持用HTML扩展的方式来代替JavaScript代码。DWZ富客户端框架更加快、更容易扩展，它是轻量级的UI框架。

   （3）EasyUI框架

    EasyUI是一种基于jQuery的用户界面插件集合，为创建现代化、互动的JavaScript应用程序提供必要的功能，它是支持HTML5网页的完整框架。

3、EasyUI框架

   EasyUI提供了一个完整的组件集合，包括DataGrid网格、Tree控件和Tabs选项卡面板等，开发人员可以使用这些组件高效地创建需要的界面效果，这些控件的具体作用如下：

   Dialog对话框：对话框（Dialog）是一个特殊类型的窗口，它在顶部有一个工具栏，在地步有一个按钮栏。默认情况下，对话框（Dialog）只有一个显示在头部右侧的关闭工具，用户可以配置对话框行为来显示其他工具。

   Tabs标签页/选项卡：Tabs选项卡一次显示一个标签面板，每个标签都包含面板标题和按钮。

   Tree树控件：树（Tree）在网页中以书形结构显示分层数据。它向用户提供展开、折叠、拖拽、编辑和异步加载功能。

   DataGrid网格布局：DataGrid以表格格式显示数据，并为选择、排序、分组和编辑数据提供了丰富的支持。其特性包括单元格合并、多列页眉、冻结列和页脚等。