ASP.NET-FineUI开发实践-5

简介: 1.tree的右键事件和单击事件 页面就不写了,准备一个树和一个菜单控件,随便写点啥 JS:注意注释 var menuSettings = F('menuSettings'); var tree = F(IDS.

1.tree的右键事件和单击事件

页面就不写了,准备一个树和一个菜单控件,随便写点啥

JS:注意注释

var menuSettings = F('menuSettings');
            var tree = F(IDS.tree);
            //右键事件itemcontextmenuthis:view;record:属于选项的记录;item:选项元素;index:选项索引e:事件对象
            tree.on('itemcontextmenu', function (view, record, item, index, event) {
                //判断子节点(重要)
                if (record.isLeaf()) {
                    //阻止原右键事件
                    event.stopEvent();
                    //菜单显示位置,即鼠标点击位置
                    menuSettings.showAt(event.getPoint());
                }
            });
            //左键事件itemclick:参数一样
            tree.on('itemclick', function (view, record, item, index, event) {
                //判断子节点(重要)
                if (record.isLeaf()) {
                    //阻止原左键事件
                    event.stopEvent();
                    //参数获取url,text,icon,ShowWindow是执行的方法
                    ShowWindow(record.data.href, record.data.text, record.data.icon, record.data.icon);
                }
            });
            //右键菜单出现后按钮点击的事件
            F('<%= btnAdd.ClientID %>').on('click', function () {
                //得到tree
                var tree = F(IDS.tree);
                //得到tree数据,选项,Array.each在数组中定位,最后返回数据
                var record = tree.getSelectionModel();
                var selection = record.getSelection();
                var rdata;
                Ext.Array.each(selection, function (record, index) {
                    rdata = record;
                });
                //获得右键对应的项的信息(url,icon,text)
                Addlinks(rdata.data.href, rdata.data.icon, rdata.data.text, rdata.data.icon);
            });

  

2.Panel右键效果

一个panel一个tree

 var menu1 = F('<%= menu1.ClientID %>');
            //panel的右键事件注意el,e:事件,t:元素
            F('Panel1').el.on('contextmenu', function (e, t) {
                //阻止事件
                e.stopEvent();
                //菜单显示位置
                menu1.showAt(e.getPoint());
            });
            //Panel1里有个标题栏,不用右键
            F('<%= Toolbar1.ClientID %>').el.on('contextmenu', function (e, t) {
                //直接阻止了
                e.stopEvent();
            });

  

目录
相关文章
|
8月前
|
人工智能 芯片
D1net阅闻|OpenAI员工疯狂暗示,内部已成功开发ASI?被曝训出GPT-5但雪藏
D1net阅闻|OpenAI员工疯狂暗示,内部已成功开发ASI?被曝训出GPT-5但雪藏
|
6月前
|
SQL 小程序 API
如何运用C#.NET技术快速开发一套掌上医院系统?
本方案基于C#.NET技术快速构建掌上医院系统,结合模块化开发理念与医院信息化需求。核心功能涵盖用户端的预约挂号、在线问诊、报告查询等,以及管理端的排班管理和数据统计。采用.NET Core Web API与uni-app实现前后端分离,支持跨平台小程序开发。数据库选用SQL Server 2012,并通过读写分离与索引优化提升性能。部署方案包括Windows Server与负载均衡设计,确保高可用性。同时针对API差异、数据库老化及高并发等问题制定应对措施,保障系统稳定运行。推荐使用Postman、Redgate等工具辅助开发,提升效率与质量。
199 0
|
10月前
|
Linux API C#
基于 .NET 开发的多功能流媒体管理控制平台
基于 .NET 开发的多功能流媒体管理控制平台
152 9
|
10月前
|
Web App开发 前端开发 调度
一款基于 .NET + Blazor 开发的智能访客管理系统
一款基于 .NET + Blazor 开发的智能访客管理系统
133 8
|
10月前
|
前端开发 JavaScript C#
基于.NET8+Vue3开发的权限管理&个人博客系统
基于.NET8+Vue3开发的权限管理&个人博客系统
132 7
|
10月前
|
网络协议 C#
基于.NET WinForm开发的一款硬件及协议通讯工具
基于.NET WinForm开发的一款硬件及协议通讯工具
105 7
|
10月前
|
监控 前端开发 API
一款基于 .NET MVC 框架开发、功能全面的MES系统
一款基于 .NET MVC 框架开发、功能全面的MES系统
237 5
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
386 0
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
200 7