pre {white-space: pre-wrap;}jQuery EasyUI 布局 - 创建折叠面板在本教程中，您将会学习到关于 easyui 折叠面板（Accordion）的知识。折叠面板（Accordion）包含一系列的面板（panel）。所有面板（panel）的头部（... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 布局 - 创建标签页（Tabs）本教程将向您演示如何使用 easyui 创建一个 Tabs 组件。Tabs 有多个可以动态地添加或移除的面板（panel）。您可以使用 Tabs 来在相同的页面上显... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 布局 - 动态添加标签页（Tabs）通过使用 jQuery EasyUI 可以很容易地添加 Tabs。您只需要调用 'add' 方法即可。在本教程中，我们将使用 iframe 动态地添加显示在一个... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 布局 - 添加自动播放标签页（Tabs）本教程将向您展示如何创建一个自动播放的 Tabs。Tabs 组件显示第一个 tab 面板，然后显示第二个、第三个...我们将写一些代码来自动地切换 tab ... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 布局 - 创建 XP 风格左侧面板通常情况下，在 Windows XP 的资源管理器文件夹中，左侧的面板（panel）包含一些常见任务。本教程向您展示如何通过 easyui 的面板（panel）插... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 转换 HTML 表格为数据网格本实例演示如何转换表格（table）为数据网格（datagrid）。数据网格（datagrid）的列信息是定义在 <thead> 标记中，数... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 取得选中行数据本实例演示如何取得选中行数据。数据网格（datagrid）组件包含两种方法来检索选中行数据：getSelected：取得第一个选中行数据，如果没有选中行，则返回 nul... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 添加查询功能本实例演示如何从数据库得到数据，并将它们显示在数据网格（datagrid）中。然后演示如何根据用户输入的搜索关键词搜寻显示结果。创建数据网格（DataGrid）创建带有分... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 添加工具栏本实例演示如何添加工具栏（toolbar）到数据网格（datagrid）。创建数据网格（DataGrid）    <table... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 创建复杂工具栏数据网格（datagrid）的工具栏（toolbar）可以包含按钮及其他组件。您可以通个一个已存在的 DIV 标签来简单地定义工具栏布局，该 DIV 标签将成为数据网格... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 设置冻结列本实例演示如何冻结一些列，当用户在网格上移动水平滚动条时，冻结列不能滚动到视图的外部。为了冻结列，您需要定义 frozenColumns 属性。frozenColumn 属... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 动态改变列数据网格（DataGrid）列可以使用 'columns' 属性简单地定义。如果您想动态地改变列，那根本没有问题。为了改变列，您可以重新调用datagrid 方法，并传递一... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 格式化列以下实例格式化在 easyui DataGrid 里的列数据，并使用自定义列的 formatter，如果价格小于 20 就将文本变为红色。为了格式化一个数据网格（DataGr... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 设置排序本实例演示如何通过点击列表头来排序数据网格（DataGrid）。数据网格（DataGrid）的所有列可以通过点击列表头来排序。您可以定义哪列可以排序。默认的，列是不能排序的，... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 自定义排序如果默认的排序行为不满足您的需求，您可以自定义数据网格（datagrid）的排序行为。最基础的，用户可以在列上定义一个排序函数，函数名是 sorter。这个函数将接受两个值... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 创建列组合easyui 的数据网格（DataGrid）可以创建列组合，如下所示：在本实例中，我们使用平面数据来填充数据网格（DataGrid）的数据，并把 listprice、uni... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 添加复选框本实例演示如何放置一个复选框列到数据网格（DataGrid）。通过复选框，用户将可以选择 选中/取消选中 网格行数据。为了添加一个复选框列，我们仅仅需要添加一个列的 che... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 自定义分页数据网格（datagrid）内置一个很好特性的分页功能，自定义也相当简单。在本教程中，我们将创建一个数据网格（datagrid），并在分页工具栏上添加一些自定义按钮。创建数... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 启用行内编辑可编辑的功能是最近添加到数据网格（datagrid）的。它可以使用户添加一个新行到数据网格（datagrid）。用户也可以更新一个或多个行。本教程向您展示如何创建一个数据... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 扩展编辑器一些常见的编辑器（editor）添加到数据网格（datagrid），以便用户编辑数据。所有的编辑器（editor）都定义在 $.fn.datagrid.defaults.e... 阅读全文>>