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... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 列运算在本教程中，您将学习如何在可编辑的数据网格（datagrid）中包含一个运算的列。一个运算列通常包含一些从一个或多个其他列运算的值。首先，创建一个可编辑的数据网格（datagr... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 合并单元格数据网格（datagrid）经常需要合并一些单元格。本教程将向您展示如何在数据网格（datagrid）中合并单元格。为了合并数据网格（datagrid）单元格，只需简单地调... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 创建自定义视图在不同的情况下，您可能需要为数据网格（datagrid）运用更灵活的布局。对于用户来说，卡片视图（Card View）是个不错的选择。这个工具可以在数据网格（datag... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 创建页脚摘要在本教程中，我们将向您展示如何在数据网格（datagrid）页脚显示摘要信息行。为了显示页脚行，您应该设置 showFooter 属性为 true，然后准备定义在数据网格... 阅读全文>>

pre {white-space: pre-wrap;}jQuery EasyUI 数据网格 - 条件设置行背景颜色本教程将向您展示如何根据一些条件改变数据网格（datagrid）组件的行样式。当 listprice 值大于 50 时，我们将为该行设置不同的颜色。数据网格（dat... 阅读全文>>