`
jiangyang1986
  • 浏览: 76473 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

(转)JQuery EasyUI DataGrid 中文文档

    博客分类:
  • js
 
阅读更多

下面给出Jquery DataGrid 的中文文档。

NameTypeDescriptionDefault
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

NameParametersDescription
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

NameParameterDescription
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 demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件的示例和相关文档,帮助我们理解和应用 Datagrid。 首先,`datagrid.doc` 文件很可能是 Datagrid 的简要说明文档,它...

    easyui datagrid 数据导出到Excel

    文件`Jquery_easyui_datagrid_js导出excel.doc`可能是文档说明或者包含插件使用的示例代码。通常,jQuery插件能简化Datagrid数据导出的操作。一种常见的方式是使用`html2canvas`和`jsPDF`库,它们可以将HTML内容转换...

    jquery easyui 帮助文档

    这个“jQuery EasyUI 帮助文档”包含了全面的API参考和使用指南,对于开发者来说是极具价值的资源。 jQuery EasyUI 的核心在于其组件系统,这些组件包括但不限于数据网格(datagrid)、下拉菜单(combobox)、...

    EasyUI Datagrid 中文排序的问题

    ### EasyUI Datagrid 中文排序解决方案 #### 一、前言 在开发Web应用程序时,经常需要处理中文数据的排序问题。特别是在使用如EasyUI Datagrid这样的前端组件时,中文排序成为了开发者面临的一个常见挑战。本文将...

    easyui datagrid 表格 打印

    在IT领域,EasyUI Datagrid是一款基于jQuery的前端数据展示组件,它提供了丰富的表格功能,如数据分页、排序、筛选等。当我们需要将Datagrid中的数据进行打印时,可能会遇到一些挑战,因为通常默认的浏览器打印功能...

    jQuery EasyUI中文离线文档

    这个“jQuery EasyUI中文离线文档”包含了完整的EasyUI框架的源码、示例以及详细的中文帮助文档,对于学习和使用EasyUI来说,是非常有价值的资源。 文档中可能涵盖以下知识点: 1. **jQuery EasyUI基础**:首先,...

    jQuery EasyUI 1.5.1 版 API 中文版

    通过深入学习这份 `jQuery EasyUI 1.5.1 版 API 中文版` 文档,开发者不仅可以提升使用 jQuery EasyUI 的能力,还能更好地理解和应用前端框架,提高开发效率,为用户创建美观且功能丰富的网页应用。无论是初学者还是...

    jQuery EasyUI 1.3.6 离线简体中文API文档

    最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的EXE格式,另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接...

    EasyUI DataGrid过滤用法实例

    EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件,包括表格(DataGrid)等,使得 Web 应用程序的界面开发更加便捷。在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid ...

    jquery easyui1.3.4 中文文档

    《jQuery EasyUI 1.3.4 中文文档详解》 jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了一套完整的用户界面组件,用于快速构建功能丰富的 Web 应用程序。EasyUI 1.3.4 版本是这个框架的一个重要里程碑,其...

    jQuery EasyUI 1.5.1 中文API文档 帮助手册 chm pdf demo

    中文API文档是开发者在使用jQuery EasyUI时的重要参考资料,它详细解释了各种组件的用法、选项、事件和方法,帮助开发者快速理解和应用。 此压缩包包含了三种格式的文档资源:CHM(Compiled HTML Help)、PDF 和 ...

    jQuery EasyUI 1.2 API文档

    【标签】"jQueryEasyUI帮助文档 jQueryEasyUI jQueryEasy1.2 EasyUI1.2文档"进一步明确了文档的主题,这些标签可以帮助用户通过关键词搜索找到这个资源。 压缩包内的文件"jQuery EasyUI 1.2 API文档.CHM"包含了所有...

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery 的简化用户界面插件集合。它提供了一系列丰富的用户界面组件,可以帮助开发者快速构建美观且功能强大的 Web ...

    jQuery EasyUI 1.5.1文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。1.5.1 版本是该框架的一个稳定版本,包含了丰富的功能和优化,旨在提高开发效率和用户体验。 1. **...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    jQuery EasyUI 是一个基于 jQuery 的前端...无论选择哪种格式,jQuery EasyUI 1.5.1 的中文API文档都是开发者学习和调试的宝贵资源,它能帮助你快速理解和应用框架,提升开发效率,构建美观且功能丰富的Web应用程序。

    easyui datagrid标题列宽度自适应

    EasyUI是一个基于jQuery的轻量级框架,提供了一系列易于使用的UI组件,包括datagrid,用于创建表格布局。 在EasyUI的datagrid中,列的宽度通常可以设置为固定、自动或自适应。固定宽度是直接设定每列的具体像素值;...

    jQuery EasyUI 官方API中文版

    这个框架的官方API中文版是开发者的重要参考资料,它详细解释了每个组件的用法、属性、方法和事件,使得国内开发者能够更加方便地理解和使用jQuery EasyUI。 首先,我们要理解jQuery EasyUI的核心概念。它主要基于...

    Jquery-easyui的datagrid中文文档

    ### JQuery-easyui的datagrid中文文档解析 #### 核心概念与功能介绍 JQuery-easyui中的`datagrid`组件是一种强大的数据展示工具,它能够高效地处理和展示大量数据,支持分页、排序、搜索等多种功能。此文档旨在...

    jQuery EasyUI的api

    - **.chm文件**: 提供的jQuery EasyUI 1.4 版 API 中文版 .chm文件是离线帮助文档,其中包含了所有组件的详细说明、示例代码和方法,是学习和查询API的重要资源。 理解并熟练运用这些知识点,开发者就能有效地利用...

    初试JqueryEasyUI(附Demo)

    在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...

Global site tag (gtag.js) - Google Analytics