下面给出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 (当前请求的页数)
分享到:
相关推荐
这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...
文件`Jquery_easyui_datagrid_js导出excel.doc`可能是文档说明或者包含插件使用的示例代码。通常,jQuery插件能简化Datagrid数据导出的操作。一种常见的方式是使用`html2canvas`和`jsPDF`库,它们可以将HTML内容转换...
这个“jQuery EasyUI 帮助文档”包含了全面的API参考和使用指南,对于开发者来说是极具价值的资源。 jQuery EasyUI 的核心在于其组件系统,这些组件包括但不限于数据网格(datagrid)、下拉菜单(combobox)、...
### EasyUI Datagrid 中文排序解决方案 #### 一、前言 在开发Web应用程序时,经常需要处理中文数据的排序问题。特别是在使用如EasyUI Datagrid这样的前端组件时,中文排序成为了开发者面临的一个常见挑战。本文将...
在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如数据分页、排序、筛选等。当我们需要将Datagrid中的数据进行打印时,可能会遇到一些挑战,因为通常默认的浏览器打印功能...
这个“jQuery EasyUI中文离线文档”包含了完整的EasyUI框架的源码、示例以及详细的中文帮助文档,对于学习和使用EasyUI来说,是非常有价值的资源。 文档中可能涵盖以下知识点: 1. **jQuery EasyUI基础**:首先,...
通过深入学习这份 `jQuery EasyUI 1.5.1 版 API 中文版` 文档,开发者不仅可以提升使用 jQuery EasyUI 的能力,还能更好地理解和应用前端框架,提高开发效率,为用户创建美观且功能丰富的网页应用。无论是初学者还是...
最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的EXE格式,另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接...
EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件,包括表格(DataGrid)等,使得 Web 应用程序的界面开发更加便捷。在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid ...
《jQuery EasyUI 1.3.4 中文文档详解》 jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了一套完整的用户界面组件,用于快速构建功能丰富的 Web 应用程序。EasyUI 1.3.4 版本是这个框架的一个重要里程碑,其...
中文API文档是开发者在使用jQuery EasyUI时的重要参考资料,它详细解释了各种组件的用法、选项、事件和方法,帮助开发者快速理解和应用。 此压缩包包含了三种格式的文档资源:CHM(Compiled HTML Help)、PDF 和 ...
【标签】"jQueryEasyUI帮助文档 jQueryEasyUI jQueryEasy1.2 EasyUI1.2文档"进一步明确了文档的主题,这些标签可以帮助用户通过关键词搜索找到这个资源。 压缩包内的文件"jQuery EasyUI 1.2 API文档.CHM"包含了所有...
### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。1.5.1 版本是该框架的一个稳定版本,包含了丰富的功能和优化,旨在提高开发效率和用户体验。 1. **...
jQuery EasyUI 是一个基于 jQuery 的前端...无论选择哪种格式,jQuery EasyUI 1.5.1 的中文API文档都是开发者学习和调试的宝贵资源,它能帮助你快速理解和应用框架,提升开发效率,构建美观且功能丰富的Web应用程序。
EasyUI是一个基于jQuery的轻量级框架,提供了一系列易于使用的UI组件,包括datagrid,用于创建表格布局。 在EasyUI的datagrid中,列的宽度通常可以设置为固定、自动或自适应。固定宽度是直接设定每列的具体像素值;...
这个框架的官方API中文版是开发者的重要参考资料,它详细解释了每个组件的用法、属性、方法和事件,使得国内开发者能够更加方便地理解和使用jQuery EasyUI。 首先,我们要理解jQuery EasyUI的核心概念。它主要基于...
### JQuery-easyui的datagrid中文文档解析 #### 核心概念与功能介绍 JQuery-easyui中的`datagrid`组件是一种强大的数据展示工具,它能够高效地处理和展示大量数据,支持分页、排序、搜索等多种功能。此文档旨在...
- **.chm文件**: 提供的jQuery EasyUI 1.4 版 API 中文版 .chm文件是离线帮助文档,其中包含了所有组件的详细说明、示例代码和方法,是学习和查询API的重要资源。 理解并熟练运用这些知识点,开发者就能有效地利用...
在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...