`

JQuery DataGrid 中文文档 -http://xiaomao870311.blog.51cto.com/1458701/382534

阅读更多
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行。

原文页面:http://jquery-easyui.wikidot.com/document:datagrid
分享到:
评论

相关推荐

    ruby 和C#教程

    - **C# XML处理**:介绍了如何使用C#处理XML文档。 - [C# XML处理教程](http://download.chinaitlab.com/soft/9393.htm) - **C# Web应用开发**:教授了如何使用C#开发Web应用。 - [C# Web应用开发教程]...

    jQuery_EasyUI中文帮助手册(带目录)

    jQuery EasyUI中文帮助手册是一个全面的指导文档,它详细介绍了EasyUI框架的各种组件以及如何使用这些组件。以下是对手册中提及的知识点的详细介绍: 1. 基本(Base) - 语法解析(parser):这涉及到EasyUI的组件初始...

    Flex课程学习(附带源码)

    Button、CheckBox、ColorPicker、DataGrid、DateField、HSlider、HorizontalList、Image、LinkButton Label、List MumericStepper、PopUpButton、ProgressBar、RadioButton、RichTextEditor、Text、TextArea、...

    jQuery EasyUI EasyUI 组件范例

    根据提供的文件信息,本文将详细解释与“jQuery EasyUI”相关的知识,特别是“EasyLoader”组件的使用方法及其在实际项目中的应用场景。 ### jQuery EasyUI简介 jQuery EasyUI 是一个基于 jQuery 的用户界面插件...

    jQuery EasyUI jquery-easyui-1.5.5.6

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个压缩包“jquery-easyui-1.5.5.6”包含了该框架的1.5.5.5版本,这是一份重要的更新,可能包含了一些...

    jQuery和easyUI官方API

    jQuery和EasyUI是Web开发中常用的两个库,它们在构建用户界面(UI)时起着至关重要的作用。本文将深入探讨这两个工具的核心概念、功能以及如何有效地结合使用它们。 jQuery是一个快速、简洁的JavaScript库,它简化...

    JQueryEasyUI datagrid框架的基本使用

    今天说说这个datagrid框架的基本使用,这个框架一直以来都是大家比较头疼的框架,尤其是Json数据的拼接,后台前台都很重要,使用这个框架,最重要的是仔细:无需废话,上代码了: 代码如下:<link href=”jquery-...

    Easyui扩展datagrid-dnd.js,实现拖动grd的必要文件

    Easyui的扩展datagrid-dnd.js,实现拖动datagrid行到其他数据表格的必要文件

    jquery-Easyui引用与例子

    **jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件和插件,帮助开发者快速构建用户界面。EasyUI 提供了丰富的UI控件,如表格、对话框、菜单、表单、树形结构等,极...

    datagrid-dnd.zip

    附件中包含示例页面,需要引用以下几个js <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> ... <script type="text/javascript" src="../../jquery.easyui.min.js"></script>

    Datagrid-filter插件

    `Datagrid-filter`插件正是针对这种需求设计的,它是一个高效且实用的Grid插件,旨在提升数据网格的可操作性和用户交互性。这个插件的核心功能是为每一列提供过滤条件,使得用户能够快速筛选出所需的信息,极大地...

    c#分页源码

    一个相当独立的....支持 DataGrid 及 Repeater分页使用方法:新建两个解决方案 一为Pager,一为webtest 下载后请将两个解决方案合并一下,即新的解决方案包括两个项目 Pager WebTest 详细介绍看以下链接 ...

    PDF精华

    此外,还提到了ASP.NET中的一些实用功能,如文件下载、数据输出到Excel以及Excel数据导入DataGrid等操作。 ### C# 转换 PDF 文件 C#是一种广泛使用的编程语言,尤其在.NET框架下有着强大的功能。在处理PDF文件时,...

    ASP.NET程序中常用的代码

    protected void DataGrid_ItemCreated(Object sender, DataGridItemEventArgs e) { if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) { LinkButton deleteButton ...

    C#写论坛v0.2版

    DATAGRID显示数据/排序/链接; DATELIST显示数据/图片; 新增功能: 搜索/置顶/精华 贴的设置 其实就怎么简单,就是将一些小技巧混合应用。 开放源码有两个目的: 1.供大家参考和指正; 2.希望大家能够在此...

    jquery.edatagrid.js

    《jQuery.edatagrid.js:在EasyUI中构建高效数据网格》 在Web开发领域,jQuery库因其简洁的API和强大的功能而备受青睐。EasyUI是一个基于jQuery的前端框架,它提供了一系列组件,使得开发者能够快速地构建用户界面...

    jquery easyui demo

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,帮助开发者快速构建用户界面。这个"jquery easyui demo"压缩包包含了版本为1.5.3的jQuery EasyUI 示例,旨在让学习者快速理解和掌握其...

    jquery-easyui-datagridview datagrid-detailview.js升级自定义展开按钮功能

    jquery-easyui的扩展组件jquery-easyui-datagridview,其中的datagrid-detailview.js可方便地生成子网格,但是每行均默认生成展开按钮,实际我们希望对某些行不显示展开按钮,网上很多人提供的解决方案就是通过dom...

    gong-wpf-dragdrop:GongSolutions.WPF.DragDrop库是WPF的拖放框架

    GongSolutions.WPF.DragDrop 一种易于使用的WPF拖放框架。 支持.NET Framework 4.5... 与ListBox , ListView , TreeView , DataGrid和任何其他ItemsControl 。 可以将项目插入,移动或复制到相同控件的集合或另一

    jQuery-easyUI pagination分页与普通table结合例子

    jQuery EasyUI是一个基于jQuery的轻量级框架,它提供了一系列的UI组件,包括分页,这对于处理大量数据的展示非常有用。我们将通过一个具体的例子来阐述这个过程。 首先,确保你已经安装了jQuery和jQuery EasyUI库。...

Global site tag (gtag.js) - Google Analytics