jquery easyui DataGrid 数据表格属性

川长思鸟来 2022-08-07 07:53 266阅读 0赞

扩展自 $.fn.panel.defaults ，用 $.fn.datagrid.defaults 重写了 defaults 。

**依赖**

*  panel
 *  resizable
 *  linkbutton
 *  pagination

**用法**

1.  **<table** id="tt"**></table>**

1.  $('\#tt').datagrid(\{

2.      url:'datagrid\_data.json',

3.      columns:\[\[

4.          \{field:'code',title:'Code',width:100\},

5.          \{field:'name',title:'Name',width:100\},

6.          \{field:'price',title:'Price',width:100,align:'right'\}

7.      \]\]

8.  \});

**数据表格（DataGrid）的特性**

其特性扩展自 panel，下列是为 datagrid 增加的特性。

<table style="margin:auto auto auto 6.75pt; padding:0px; border:1px solid rgb(192,192,192); text-align:left; color:rgb(57,57,57); line-height:21px; font-family:verdana,'ms song',Arial,Helvetica,sans-serif; font-size:14px; border-collapse:collapse; border-spacing:0px; background-color:rgb(250,247,239)"> 
 <tbody> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3.6pt 8.4pt; border:1pt solid rgb(140,172,187); border-collapse:collapse; background-color:rgb(238,238,238)"> 名称 </td> 
 <td style="border-color:rgb(140,172,187) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-top-width:1pt; border-right-width:1pt; border-bottom-width:1pt; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:rgb(238,238,238)"> 类型 </td> 
 <td style="border-color:rgb(140,172,187) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-top-width:1pt; border-right-width:1pt; border-bottom-width:1pt; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:rgb(238,238,238)"> 说明 </td> 
 <td style="border-color:rgb(140,172,187) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-top-width:1pt; border-right-width:1pt; border-bottom-width:1pt; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:rgb(238,238,238)"> 默认值 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> columns </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> array </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> datagrid&nbsp;的&nbsp;column&nbsp;的配置对象，更多详细请参见&nbsp;column&nbsp;的特性。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> null </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> frozenColumns </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> array </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 和列的特性一样，但是这些列将被冻结在左边。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> null </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> fitColumns </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> boolean </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> True&nbsp;就会自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> false </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> striped </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> boolean </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; width:486px; height:28px; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> True 就把行条纹化。（即奇偶行使用不同背景色） </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> false </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> method </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> string </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 请求远程数据的&nbsp;method&nbsp;类型。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> post </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> nowrap </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> boolean </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> True&nbsp;就会把数据显示在一行里。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> true </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> idField </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> string </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 标识字段。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> null </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> url </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> string </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 从远程站点请求数据的&nbsp;URL。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> null </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> loadMsg </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> string </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 当从远程站点加载数据时，显示的提示信息。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> Processing, please wait … </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> pagination </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> boolean </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> True&nbsp;就会在&nbsp;datagrid&nbsp;的底部显示分页栏。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> false </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> rownumbers </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> boolean </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> True&nbsp;就会显示行号的列。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> false </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> singleSelect </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> boolean </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> True&nbsp;就会只允许选中一行。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> false </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> pageNumber </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> number </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 当设置了&nbsp;pagination&nbsp;特性时，初始化页码。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 1 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> pageSize </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> number </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 当设置了&nbsp;pagination&nbsp;特性时，初始化页码尺寸。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 10 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> pageList </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> array </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 当设置了&nbsp;pagination&nbsp;特性时，初始化页面尺寸的选择列表。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> [10,20,30,40,50] </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> queryParams </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> object </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 当请求远程数据时，发送的额外参数。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> {} </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> sortName </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> string </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 定义可以排序的列。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> null </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> sortOrder </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> string </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 定义列的排序顺序，只能用&nbsp;'asc'&nbsp;或&nbsp;'desc'。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> asc </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> remoteSort </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> boolean </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 定义是否从服务器给数据排序。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> true </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> showFooter </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> boolean </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 定义是否显示一行页脚。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> false </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> rowStyler </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> function </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回例如&nbsp;'background:red'&nbsp;的样式，该函数需要两个参数： rowIndex：&nbsp;行的索引，从&nbsp;0&nbsp;开始。 rowData：&nbsp;此行相应的记录。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> &nbsp; </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> loadFilter </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> function </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回过滤的数据去显示。这个函数需要一个参数&nbsp;'data'&nbsp;，表示原始数据。 你可以把原始数据变成标准数据格式，此函数必须返回标准数据对象，含有&nbsp;'total'&nbsp;和&nbsp;'rows'&nbsp;特性。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> &nbsp; </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> editors </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> object </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 定义编辑行时的&nbsp;editor&nbsp;。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 预定义的&nbsp;editor </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> view </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> object </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 定义&nbsp;datagrid&nbsp;的&nbsp;view&nbsp;。 </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 默认的&nbsp;view </td> 
 </tr> 
 </tbody> 
</table>

**列（Column）的特性**

DataGrid 的 Column 是一个数组对象，它的每个元素也是一个数组。数组元素的元素是一个配置对象，它定义了每个列的字段。

代码示例：

1.  columns:\[\[

2.      \{field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:**true**\},

3.      \{field:'productid',title:'Product ID',rowspan:2,width:80,sortable:**true**\},

4.      \{title:'Item Details',colspan:4\}

5.  \],\[

6.      \{field:'listprice',title:'List Price',width:80,align:'right',sortable:**true**\},

7.      \{field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:**true**\},

8.      \{field:'attr1',title:'Attribute',width:100\},

9.      \{field:'status',title:'Status',width:60\}

10. \]\]

**编辑器（Editor）**

用 $.fn.datagrid.defaults.editors 重写了 defaults。

每个编辑器有下列行为：

例如，文本编辑器（text editor）像下面这样定义：

1.  $.extend($.fn.datagrid.defaults.editors, \{

2.      text: \{

3.          init: **function**(container, options)\{

4.              **var** input = $('<input type="text" class="datagrid-editable-input">').appendTo(container);

5.              **return** input;

6.          \},

7.          getValue: **function**(target)\{

8.              **return** $(target).val();

9.          \},

10.         setValue: **function**(target, value)\{

11.             $(target).val(value);

12.         \},

13.         resize: **function**(target, width)\{

14.             **var** input = $(target);

15.             **if** ($.boxModel == **true**)\{

16.                 input.width(width - (input.outerWidth() - input.width()));

17.             \} **else** \{

18.                 input.width(width);

19.             \}

20.         \}

21.     \}

22. \});

**数据表格视图（DataGrid View）**

用 $.fn.datagrid.defaults.view 重写了 defaults。

view 是一个对象，它告诉 datagrid 如何呈现行。这个对象必须定义下列方法。

**事件**

其事件扩展自 panel，下列是为 datagrid 增加的事件。

**方法**

<table style="margin:auto auto auto 6.75pt; padding:0px; border:1px solid rgb(192,192,192); text-align:left; color:rgb(57,57,57); line-height:21px; font-family:verdana,'ms song',Arial,Helvetica,sans-serif; font-size:14px; border-collapse:collapse; border-spacing:0px; background-color:rgb(250,247,239)"> 
 <tbody> 
 <tr style="margin:0px; padding:0px"> 
 <td style="margin:0px; padding:3.6pt 8.4pt; border:1pt solid rgb(140,172,187); border-collapse:collapse; background-color:rgb(238,238,238)"> 名称 </td> 
 <td style="border-color:rgb(140,172,187) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-top-width:1pt; border-right-width:1pt; border-bottom-width:1pt; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:rgb(238,238,238)"> 参数 </td> 
 <td style="border-color:rgb(140,172,187) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-top-width:1pt; border-right-width:1pt; border-bottom-width:1pt; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:rgb(238,238,238)"> 说明 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> options </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回&nbsp;options&nbsp;对象。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getPager </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回&nbsp;pager&nbsp;对象。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getPanel </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回&nbsp;panel&nbsp;对象。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getColumnFields </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> frozen </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回列的字段，如果&nbsp;frozen&nbsp;设定为&nbsp;true，冻结列的字段被返回。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getColumnOption </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> field </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回指定列的选项。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> resize </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> param </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 调整尺寸和布局。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> load </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> param </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 加载并显示第一页的行，如果指定&nbsp;param&nbsp;参数，它将替换&nbsp;queryParams&nbsp;特性。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> reload </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> param </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 重新加载行，就像&nbsp;load&nbsp;方法一样，但是保持在当前页。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> reloadFooter </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> footer </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 重新加载脚部的行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> loading </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 显示正在加载状态。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> loaded </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 隐藏正在加载状态。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> fitColumns </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 使列自动展开/折叠以适应&nbsp;datagrid&nbsp;的宽度。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> fixColumnSize </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 固定列的尺寸。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> fixRowHeight </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 固定指定行的高度。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> loadData </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> data </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 加载本地数据，旧的行会被移除。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getData </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回加载的数据。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getRows </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回当前页的行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getFooterRows </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回脚部的行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getRowIndex </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> row </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回指定行的索引，row&nbsp;参数可以是一个行记录或者一个&nbsp;id&nbsp;字段的值。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getSelected </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回第一个选中的行或者&nbsp;null。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getSelections </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 返回所有选中的行，当没有选中的记录时，将返回空数组。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> clearSelections </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 清除所有的选择。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> selectAll </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 选中当前页所有的行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> unselectAll </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 取消选中当前页所有的行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> selectRow </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 选中一行，行索引从&nbsp;0&nbsp;开始。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> selectRecord </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> idValue </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 通过&nbsp;id&nbsp;的值做参数选中一行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> unselectRow </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 取消选中一行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> beginEdit </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 开始对一行进行编辑。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> endEdit </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 结束对一行进行编辑。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> cancelEdit </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 取消对一行进行编辑。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getEditors </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 获取指定行的编辑器们。每个编辑器有下列特性： actions：编辑器能做的动作们。 target：目标编辑器的&nbsp;jQuery&nbsp;对象。 field：字段名。 type：编辑器的类型。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getEditor </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> options </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 获取指定的编辑器，&nbsp;options&nbsp;参数包含两个特性：&nbsp; index：行的索引。 field：字段名。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> refreshRow </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 刷新一行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> validateRow </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 验证指定的行，有效时返回&nbsp;true。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> updateRow </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> param </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 更新指定的行，&nbsp;param&nbsp;参数包含下列特性： index：更新行的索引。 row：行的新数据。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> appendRow </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> row </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 追加一个新行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> insertRow </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> param </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 插入一个新行，&nbsp;param&nbsp;参数包括下列特性： index：插入进去的行的索引，如果没有定义，就追加此新行。 row：行的数据。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> deleteRow </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> index </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 删除一行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> getChanges </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> type </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 获取最后一次提交以来更改的行，type&nbsp;参数表示更改的行的类型，可能的值是：inserted、deleted、updated，等等。 当&nbsp;type&nbsp;参数没有分配时，返回所有改变的行。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> acceptChanges </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 提交自从被加载以来或最后一次调用acceptChanges以来所有更改的数据。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> rejectChanges </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> none </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 回滚自从创建以来或最后一次调用acceptChanges以来所有更改的数据。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> mergeCells </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> options </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 把一些单元格合并为一个单元格，options&nbsp;参数包括下列特性： index：列的索引。 field：字段名。 rowspan：合并跨越的行数。 colspan：合并跨越的列数。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> showColumn </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> field </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 显示指定的列。 </td> 
 </tr> 
 <tr style="margin:0px; padding:0px"> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-left-width:1pt; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-collapse:collapse; background-color:transparent"> hideColumn </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> field </td> 
 <td style="border-color:rgb(212,208,200) rgb(140,172,187) rgb(140,172,187) rgb(212,208,200); margin:0px; padding:3.6pt 8.4pt; border-right-width:1pt; border-bottom-width:1pt; border-right-style:solid; border-bottom-style:solid; border-collapse:collapse; background-color:transparent"> 隐藏指定的列。 </td> 
 </tr> 
 </tbody> 
</table>