FineUI第十八天---表格之事件的处理

表格之事件的处理：

1.事件参数：

GridPageEventArgs：表格分页事件参数，对应onPageIndexChange事件。

NewPageIndex：新页面的索引

GridSortEventArgs：表格排序事件参数，对应onSort事件

SortField：排序字段

SortDirection：排序方向

ColumnIndex：列索引

GridRowClickEventArgs：表格行点击事件参数，对应onRowClick和onRowDoubleClick两个事件。

RowIndex：行索引

GridCommandEventArgs：表格的行命令参数，对应的是onRowCommand事件

RowIndex：行索引

ColumnIndex：列索引

CommandName：命令名称

CommandArgument：命令参数

非用户触发的事件：

GridPreRowEventArgs：表格行预绑定事件参数，对应PreRowDataBound事件。

GridRowEventArgs：表格行绑定事件参数，对应RowDataBound事件。

还有一个PreDataBound事件，使用的是默认EventArgs事件参数。

2.行内命令事件

能够触发行内命令事件的列只有CheckBoxField和LinkButtonField两种类型
CommandName用来标识。

技巧：通过设置ConfirmText、ConfirmTarget、ConfirmIcon、ConfirmTitle来定义回发之前的确认对话框

时间： 2024-10-05 16:24:09

FineUI第十八天---表格之事件的处理的相关文章

(95)Wangdao.com_第二十八天_进度事件

进度事件进度事件用来描述资源加载的进度, 主要由 AJAX 请求.<img>.<audio>.<video>.<style>.<link>等外部资源的加载触发注意,除了资源下载,文件上传也存在以下事件 abort 外部资源中止加载时(比如用户取消)触发. 如果发生错误导致中止,不会触发该事件.error 由于错误导致外部资源无法加载时触发.load 外部资源加载成功时触发.loadsta

DataTables给表格绑定事件

$(document).ready(function() { $('#example').dataTable(); $('#example tbody').on('click', 'tr', function () { var name = $('td', this).eq(0).text(); alert( '你点击了 '+name+'这行' ); } ); } );

前言之前我们曾写过一篇文章 FineUI小技巧(3)表格导出与文件下载,对于在 FineUI 中导出表格数据进行了详细描述.今天我们要更进一步,介绍下如何导出多表头表格. 多表头表格的标签定义在 ASPX 中,我们通过 GroupField 列来定义多表头,如下所示: <f:Grid ID="Grid1" Title="表格" EnableCollapse="true" ShowBorder="true" ShowH

第二百二十八节，jQuery EasyUI，TreeGrid(树形表格)组件

jQuery EasyUI,TreeGrid(树形表格)组件学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表本节课重点了解 EasyUI 中 TreeGrid(树形表格)组件的使用方法,这个组件依赖于 DataGrid(数据表格)组件. 一．加载方式建立一个 JSON 文件 [ { "id": 1, "name": "系统管理", "date": "2015-05-10", &quo

TreeGrid( 树形表格)

本节课重点了解 EasyUI 中 TreeGrid(树形表格)组件的使用方法,这个组件依赖于DataGrid(数据表格)组件一．加载方式//建立一个 JSON 文件[{"id" : 1,"name" : "系统管理","date" : "2015-05-10","children" : [{"id" : 2,"name" : "主机信

ExtJS4.2学习(21)动态菜单与表格数据展示操作总结篇2

运行效果: 此文介绍了根据操作左侧菜单在右面板展示相应内容. 一.主页先看一下跳转主页的方式:由在webapp根目录下的index.jsp跳转至demo的index.jsp 下面是demo的index.jsp的代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% response.setHeade

jsp 自定义标签实现表格转载http://blog.csdn.net/chenshuang_com

package com.ts.taglib.html; import java.lang.reflect.Field; import javax.servlet.jsp.tagext.BodyTagSupport; /** * 事件处理 * @author 陈双 * @date 2012-09-22 * @mail [email protected] */ public abstract class BaseHandlerTag extends BodyTagSupport{ private s

JS组件系列——Bootstrap Table 表格行拖拽

原文:JS组件系列--Bootstrap Table 表格行拖拽前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了.这两天做了一个简单的业务需求,觉得效果还可以,今天在这里分享给大家,欢迎拍砖~~ 一.业务需求及实现效果项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边Table里面是状态为2订单,左边Table里面的行数据拖动到右边Table里面指定行的位置,拖动完成

JS组件系列——表格组件神器：bootstrap table（二：父子表和行列调序）

原文:JS组件系列--表格组件神器:bootstrap table(二:父子表和行列调序) 前言:上篇 JS组件系列——表格组件神器:bootstrap table 简单介绍了下Bootstrap Table的基础用法,没想到讨论还挺热烈的.有园友在评论中提到了父子表的用法,今天就结合Bootstrap table的父子表和行列调序的用法再来介绍下它稍微高级点的用法. bootstrap table系列: JS组件系列——表格组件神器:bootstrap table JS组件系列——表格组件神器