本文转载自:http://0537wangjin.blog.163.com/blog/static/24379549201182054646193/
JQuery DataGrid的例子在附件里面,下面给出Jquery DataGrid 的中文文档。
Name | Type | Description | Default |
---|
title | string | The datagrid panel title text. DataGrid的面板标题文字。 | null | iconCls | string | A CSS class that will provide a background image to be used as the header icon. 一个CSS类,将提供一个背景图片作为标题图标。 | null | border | boolean | True to show datagrid panel border. 真到DataGrid中显示面板的边界。 | true | width | number | The width of datagrid width. 宽度的DataGrid的宽度。 | auto | height | number | The height of datagrid height. 该数据网格的高度的高度。 | auto | columns | array | The datagrid columns config object, see column properties for more details. DataGrid的列的配置对象,看到更多的细节列属性。 | null | frozenColumns | array | Same as the columns property, but the these columns will be frozen on left. Columns属性相同,但将这些列左冻结。 | null | striped | boolean | True to stripe the rows. True 条纹行。 | false | method | string | The method type to request remote data. 该方法要求远程数据类型。 | post | nowrap | boolean | True to display data in one line. 真正显示在同一行数据。 | true | idField | string | Indicate which field is an identity field. 说明哪些字段是一个标识字段。 | null | url | string | A URL to request data from remote site. 一个URL请求从远程站点的数据。 | null | loadMsg | string | When loading data from remote site, show a prompt message. 当从远程站点加载数据,显示一个提示信息。 | Processing, please wait … 处理中,请稍候… | pagination | boolean | True to show a pagination toolbar on datagrid bottom. True展现出对DataGrid的底部分页工具栏。 | false | rownumbers | boolean | True to show a row number column. True显示行号列。 | false | singleSelect | boolean | True to allow selecting only one row. True只允许选择一行。 | false | fit | boolean | True to set size to fit it’s parent container. True设置大小,以适应它的父容器。 | false | pageNumber | number | When set pagination property, initialize the page number. 当设置分页属性,初始化的页码。 | 1 | pageSize | number | When set pagination property, initialize the page size. 当设置分页属性,初始化的页面大小。 | 10 | pageList | array | When set pagination property, initialize the page size selecting list. 当设置分页属性,初始化的页面大小选择清单。 | [10,20,30,40,50] | queryParams | object | When request remote data, sending additional parameters also. 当请求,远程数据发送额外的参数也。 | {} | sortName | string | Defines which column can be sorted. 可排序的列定义。 | null | sortOrder | string | Defines the column sort order, can only be ‘asc’ or ‘desc’. 定义的列的排序顺序,只能是’递增’或’递减’。 | asc |
|
Events
Name | Parameters | Description |
---|
onLoadSuccess | none | Fires when remote data is loaded successfully. 触发时,远程数据加载成功。 | onLoadError | none | Fires when some error occur to load remote data. 触发发生时的一些错误加载远程数据。 | onClickRow | rowIndex, rowData | Fires when user click a row, the parameters contains: 触发时,用户点击一个行,参数包括: rowIndex: the clicked row index, start with 0 rowIndex:单击的行的索引,从0开始 rowData: the record corresponding to the clicked row rowData:记录点击相应的行 | onDblClickRow | rowIndex, rowData | Fires when user dblclick a row, the parameters contains: 当用户触发的DblClick一排,参数包括: rowIndex: the clicked row index, start with 0 rowIndex:单击的行的索引,从0开始 rowData: the record corresponding to the clicked row rowData:记录点击相应的行 | onSortColumn | sort, order | Fires when user sort a column, the parameters contains: 当用户触发排序列,参数包括: sort: the sort column field name 排序:排序列字段名称 order: the sort column order 订购:排序列顺序 | onSelect | rowIndex, rowData | Fires when user select a row, the parameters contains: 触发时,用户选择一行,参数包括: rowIndex: the selected row index, start with 0 rowIndex:选定行的索引,从0开始 rowData: the record corresponding to the selected row rowData:记录对应到选定的行 | onUnselect | rowIndex, rowData | Fires when user unselect a row, the parameters contains: 触发时,用户取消选择一个行,参数包括: rowIndex: the unselected row index, start with 0 rowIndex:没有被选中的行的索引,从0开始 rowData: the record corresponding to the unselected row rowData:记录对应的未选中行 |
|
Methods
Name | Parameter | Description |
---|
options | none | Return the options object. 返回的选择对象。 | resize | none | Do resize and do layout. 做调整,做布局。 | reload | none | Reload the rows. 重新加载行。 | fixColumnSize | none | fix columns size. 大小固定栏目。 | loadData | param | Load local data, the old rows will be removed. 加载本地数据,旧的行会被删除。 | getSelected | none | Return the first selected row record or null. 返回第一个选中行的记录或空。 | getSelections | none | Return all selected rows, when no record selected, am empty array will return. 返回所有选定行,选择时没有记录,我将返回空数组。 | clearSelections | none | Clear all selections. 清除所有选择。 | selectRow | index | Select a row, the row index start with 0. 选择一个行,行索引以0开始。 | selectRecord | idValue | Select a row by passing id value parameter. 选择一列由ID值传递参数。 | unselectRow | index | Unselect a row. 取消选择1行。 |
|
补充:dataGrid向数据源页面发送请求会传送4个参数分别是:order (asc或者desc)、sort (排序字段,json里的) 、rows (一页显示的个数) 、 page (当前请求的页数)