ASP.NET-FineUI开发实践-16(一)

简介: 还是基础的东西,grid全选没有事件,给加个事件,除了需要会复制粘贴外还要点推荐那!   第一步:原理  事件被触发,方法被实现。 对于全选事件,被触发有两种方式可写,一个是通过原生extjs方式触发,extjs就没有全选的事件,正常思路就是选择的行等于全部的行就触发了,这个方法听起来就恶心,所以还是放弃了;简单点写就是第二种方法直接通过点击触发,点了全选就触发全选事件了。

还是基础的东西,grid全选没有事件,给加个事件,除了需要会复制粘贴外还要点推荐那!

 
第一步:原理
 事件被触发,方法被实现。
对于全选事件,被触发有两种方式可写,一个是通过原生extjs方式触发,extjs就没有全选的事件,正常思路就是选择的行等于全部的行就触发了,这个方法听起来就恶心,所以还是放弃了;简单点写就是第二种方法直接通过点击触发,点了全选就触发全选事件了。
所以这里还是写出来,无非就是获取元素F12
我们操作的就是这个div主意选中前和选中后的样式区别。
 这样事件就写好了
1 $('#Grid1').find('.x-column-header.x-column-header-checkbox').on('click', function () {});
方法,就是回发,这里我们要触发的是cs的事件写法,不是回发的PageManager,而是回发的自定义事件,核心在__doPostBack的参数,什么样的参数可以触发cs的事件而不是没有意义,这里我参照了已有的事件rowselect事件,这时就用到了高级程序员才能用到的方法——复制
第二步:实现
FineUI触发的事件就是基于的js回发,rowselect 是怎么触发的呢,右键查看源码得知
 
listeners 监听 select 选择 __doPostBack 两个参数,一个是Grid1 就是ID= Grid1 的控件 触发的,第二个有意思,主意是写死的RowSelect$ 再加上参数 index 就是第几行,原来是通过RowSelect$ 来通知后台触发的是行选择事件,那么我们定位Gird.cs,找到RowSelect$ 第3218行有一段
1             if (EnableRowSelectEvent)
2             {
3                 string validateScript = "var args='RowSelect$'+index;";
4                 validateScript += GetPostBackEventReference("#RowSelect#").Replace("'#RowSelect#'", "args");
5                 string rowSelectScript = JsHelper.GetFunction(validateScript, "model", "record", "index"); //String.Format("function(model,rowIndex){{{0}}}", validateScript);
6                 selectOB.Listeners.AddProperty("select", rowSelectScript, true);
7             }

不用解释也应该能看出来,上面触发select的js 代码就是这样输出的。再点查询,又找到一个

1             else if (eventArgument.StartsWith("RowSelect$"))
2             {
3                 string[] commandArgs = eventArgument.Split('$');
4                 if (commandArgs.Length == 2)
5                 {
6                     OnRowSelect(new GridRowSelectEventArgs(Convert.ToInt32(commandArgs[1])));
7                 }
8             }
OnRowSelect 说明找到了,是在这里截取的__doPostBack 传来的参数RowSelect$并且写成了事件就可以在cs里触发他的重写了。
需要分析么?不需要,直接复制粘贴
1             else if (eventArgument.StartsWith("RowAllSelect$"))
2             {
3                 string[] commandArgs = eventArgument.Split('$');
4                 if (commandArgs.Length == 2)
5                 {
6                     OnRowAllSelect(new GridRowAllSelectEventArgs(bool.Parse(commandArgs[1].ToString())));
7                 }
8             }
改成了RowAllSelect$ ,前台给我传这个就说明触发cs 的OnRowAllSelect 行全选事件,为啥
 OnRowAllSelect(new GridRowAllSelectEventArgs(bool.Parse(commandArgs[1].ToString())));这句会有波浪线?因为没有这个方法啊!接着复制OnRowSelect 改成 OnRowAllSelect 就可以了
 
找到OnRowSelect 复制
 
 1         #region OnRowAllSelect
 2         private static readonly object _rowAllSelectHandlerKey = new object();
 3         /// <summary>
 4         /// 头部全选事件(需要启用EnableRowAllSelect)
 5         /// </summary>
 6         [Category(CategoryName.ACTION)]
 7         [Description("头部全选事件(需要启用EnableRowAllSelect)")]
 8         public event EventHandler<GridRowAllSelectEventArgs> RowAllSelect
 9         {
10             add
11             {
12                 Events.AddHandler(_rowAllSelectHandlerKey, value);
13             }
14             remove
15             {
16                 Events.RemoveHandler(_rowAllSelectHandlerKey, value);
17             }
18         }
19         /// <summary>
20         /// 触发行选中事件
21         /// </summary>
22         /// <param name="e">事件参数</param>
23         protected virtual void OnRowAllSelect(GridRowAllSelectEventArgs e)
24         {
25             EventHandler<GridRowAllSelectEventArgs> handler = Events[_rowAllSelectHandlerKey] as EventHandler<GridRowAllSelectEventArgs>;
26             if (handler != null)
27             {
28                 handler(this, e);
29             }
30         }
31         #endregion

还有哪个有波浪?GridRowAllSelectEventArgs 没有接着建,新建cs文件,把GridRowSelectEventArgs复制过来,不要忘了写上署名

 1 #region Comment
 2 /*
 3  * Project:    FineUI
 4  * 
 5  * FileName:    GridRowAllSelectEventArgs.cs
 6  * CreatedOn:   2015-10-14
 7  * CreatedBy:   没想好 935732994@qq.com
 8  * 
 9  * 
10  * Description:
11  *      ->
12  *   
13  * History:
14  *      ->
15  * 
16  * 
17  * 
18  * 
19  */
20 #endregion
21 using System;
22 using System.Data;
23 using System.Reflection;
24 using System.ComponentModel;
25 using System.Web.UI;
26 namespace FineUI
27 {
28     /// <summary>
29     /// 表格行选中事件参数
30     /// </summary>
31     public class GridRowAllSelectEventArgs : EventArgs
32     {
33         private bool _boolall;
34         /// <summary>
35         /// 选中状态
36         /// </summary>
37         public bool boolall
38         {
39             get { return _boolall; }
40             set { _boolall = value; }
41         }
42         /// <summary>
43         /// 构造函数
44         /// </summary>
45         /// <param name="rowIndex">选中状态</param>
46         public GridRowAllSelectEventArgs(bool boolall)
47         {
48             _boolall = boolall;
49         }
50     }
51 }

 

这样就应该不报错了,下回再写把。
目录
相关文章
|
15天前
|
存储 开发工具 Android开发
使用.NET MAUI开发第一个安卓APP
【9月更文挑战第24天】使用.NET MAUI开发首个安卓APP需完成以下步骤:首先,安装Visual Studio 2022并勾选“.NET Multi-platform App UI development”工作负载;接着,安装Android SDK。然后,创建新项目时选择“.NET Multi-platform App (MAUI)”模板,并仅针对Android平台进行配置。了解项目结构,包括`.csproj`配置文件、`Properties`配置文件夹、平台特定代码及共享代码等。
|
17天前
|
开发框架 .NET C#
VSCode开发.net项目时调试无效
【9月更文挑战第22天】在使用 VSCode 开发 .NET 项目时遇到调试问题,可从项目配置、调试配置、调试器安装、运行环境、日志和错误信息等方面排查。确认项目类型及文件配置,检查 `launch.json` 文件及配置项,确保调试器扩展已安装并启用,验证 .NET 运行时版本和环境变量,查看 VSCode 输出窗口和项目日志文件,检查权限及代码错误。若问题仍未解决,可查阅官方文档或社区论坛。
|
22天前
|
人工智能 前端开发 开发工具
解读.NET 技术的开发潜力
本文全面介绍了.NET技术在软件开发领域的核心优势、创新应用及面临的挑战。.NET以其统一的开发平台、强大的工具和跨平台能力,成为企业级应用、Web应用乃至游戏开发的理想选择。然而,在性能优化、容器化及AI集成等方面仍需不断突破。通过积极拥抱开源和社区驱动模式,.NET将持续推动软件开发的进步。
40 1
|
1月前
|
存储 运维
.NET开发必备技巧:使用Visual Studio分析.NET Dump,快速查找程序内存泄漏问题!
.NET开发必备技巧:使用Visual Studio分析.NET Dump,快速查找程序内存泄漏问题!
|
1月前
|
SQL 关系型数据库 数据库
七天.NET 8操作SQLite入门到实战详细教程(选型、开发、发布、部署)
七天.NET 8操作SQLite入门到实战详细教程(选型、开发、发布、部署)
|
1月前
|
消息中间件 开发框架 前端开发
YuebonCore:基于.NET8开源、免费的权限管理及快速开发框架
YuebonCore:基于.NET8开源、免费的权限管理及快速开发框架
|
1月前
|
开发框架 JavaScript 前端开发
|
前端开发 API 数据库
ASP.NET-FineUI开发实践-9(三)
1. TextChanged事件前台触发回发后台,接上文,先给TextBox1加上事件,看看是怎么生成出来的, 注意AutoPostBack="true",找源代码,f4多出了个 listeners: { change: function () { ...
838 0
|
前端开发 JavaScript
ASP.NET-FineUI开发实践-8(二)
把上回的做一些改进 1.点击grid2的行改变TriggerBox1的值 var v = $(item).find('.x-grid-cell-Name div.
799 0
|
JavaScript API 前端开发
ASP.NET-FineUI开发实践-9
用了FineUI有一段时间了,还是分享下我咋改的吧,没想的那么难,我也是从小白来的。 基础是要懂JQ和EXTJS,主要是要懂JQ和EXTJS能干啥,这里有两个网站 http://www.w3school.
935 0

相关实验场景

更多