Ext grid 添加右击菜单
grid . addListener ( 'rowcontextmenu' , rightClickFn ); // 右键菜单代码关键部分
//Menu 建立
var rightClick = new Ext . menu . Menu ({
id : 'rightClickCont' , // 在 HTML 文件中必须有个 rightClickCont 的 DIV 元素
items : [{
id : 'rMenu1' ,
handler : rMenu1Fn , // 点击后触发的事件
text : ' 右键菜单 1'
}, {
id : 'rMenu2' ,
handler : rMenu2Fn ,
text : ' 右键菜单 2'
}]
});
function rightClickFn ( grid , rowindex , e ){
e . preventDefault ();
rightClick . showAt ( e . getXY ());
}
function rMenu1Fn (){
Ext . MessageBox . alert ( 'right' , ' 右键菜单 1 被点击 ' );
}
function rMenu2Fn (){
Ext . MessageBox . alert ( 'right' , ' 右键菜单 2 被点击 ' );
}
相关推荐
-
Ext grid 添加右击菜单
复制代码 代码如下: grid . addListener ( 'rowcontextmenu' , rightClickFn ); // 右键菜单代码关键部分 //Menu 建立 var rightClick = new Ext . menu . Menu ({ id : 'rightClickCont' , // 在 HTML 文件中必须有个 rightClickCont 的 DIV 元素 items : [{ id : 'rMenu1' , handler : rMenu1Fn , //
-
基于FineUI Grid控件添加右键菜单
FineUI官方Demo上一直没有Grid右键菜单的实现,其实从4.1.x的版本开始,允许添加自定义的事件监听(Listeners),所以要实现这个功能已经相当容易了. ExtJs右键菜单有很多种,对于Grid控件来说,我这里只简单说明两种实现.即在表格的数据行上右键单击时弹出的菜单,以及在空白位置右键单击时弹出的菜单. 时间有限,废话不多说了,先看两个效果图.(实现环境 FineUI4.1.6,.NET 4.0因为需要指定控件的ID) 1. 数据行右键菜单 2. 空白处右键菜单 实现方法: 第
-
js为鼠标添加右击事件防止默认的右击菜单弹出
复制代码 代码如下: <script language="javascript"> /*document.oncontextmenu=Youji;*/ //为当前文档添加鼠标右击事件,防止默认的右击菜单弹出 function Youji() { alert("右击成功!"); return false; } //为某个dom元素添加鼠标右击事件 window.onload = function(){ document.getElementById(&qu
-
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
先给大家说下什么是ext ext是一个强大的js类库,以前是基于YAHOO-UI,现在已经完全独立了, 主要包括data,widget,form,grid,dd,menu,其中最强大的应该算grid了,编程思想是基于面向对象编程(oop),扩展性相当的好.可以自己写扩展.自己定义命名空间.web应用可能感觉太大.不过您可以根据需要按需加载您想要的类库就可以了. 主要包括三个大的文件ext-all.css,ext-base.js,ext-all.js(包括所有的类库,您可以根据需要进行删减.官方网
-
ExtJs grid行 右键菜单的两种方法
在这下边: 方法一 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridContextMenu.aspx.cs" Inherits="gridContextMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &
-
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
Ext4.2+ Ext.grid.plugin.RowExpander存在bug,添加的collapsebody,expandbody无法触发,查看了下 Ext.grid.plugin.RowExpander对应的源代码,没有添加collapsebody,expandbody事件,即使按照网上的方 法重写Ext.grid.plugin.RowExpander的init和toggleRow方法也无法触发 collapsebody,expandbody事件. 解决办法:给grid对象添加collap
-
asp.net Ext grid 显示列表
前台页面: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="gridShowTest.aspx.cs" Inherits="ExtPra.gridShowTest" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &
-
Extjs grid添加一个图片状态或者按钮的方法
extjs的grid中我们经常需要添加一个图片状态或者按钮,总结一下自己用过的方法: 一.状态表示: 复制代码 代码如下: renderer:function(value){ if(value==0){ return "<img src='images/icons/cancel.png'>"; }else if(value==1){ return "<img src='images/icons/accept.png'>"; } return
-
IE奥秘——添加新菜单项(推荐)
本文将介绍如何添加一个菜单项到微软Internet Explorer浏览器的"工具"(Tools)下拉菜单中,这个新添加的菜单项表示运行一个Microsoft Win32应用程序,或者表示运行一个脚本程序. 需要的基础知识与环境 如果想在Internet Explorer中准确地完成在"工具"菜单下添加菜单项目的功能,你必须要熟悉注册表的操作. 而且,这里讨论的方法,要求浏览器是Internet Explorer 版本5 或者更高版本. 通用步骤 这一节描述的步骤必
-
C#自定义控件添加右键菜单的方法
C#自定义控件添加右键菜单非常简单,主要用到控件,像control定义右键菜单,用items.add()叠加右键菜单内容,用click事件处理函数. 1.control是要定义右键菜单的控件. private void control_MouseDown(object sender, MouseEventArgs e) { if (e.Button == MouseButtons.Right) { ContextMenu menu = new rightClickMen
随机推荐
- php操作mysql获取select 结果的几种方法
- Ruby元编程的一些值得注意的地方
- AngularJS快速入门
- Trojan.DL.VBS.Agent.cpb(k[1].js)脚本病毒的解决方法
- Java中getResourceAsStream用法分析
- 探析浏览器执行JavaScript脚本加载与代码执行顺序
- MySQL入门教程(七)之视图
- JavaScript+html5 canvas绘制渐变区域完整实例
- Vue.js第四天学习笔记
- jquery实现省市select下拉框的替换(示例代码)
- NodeJS 实现手机短信验证模块阿里大于功能
- Android 读取sdcard上的图片实例(必看)
- spring学习教程之@ModelAttribute注解运用详解
- CentOS 7下JDK8的详细安装步骤
- python实现BackPropagation算法
- 详解如何用babel转换es6的class语法
- Python针对给定列表中元素进行翻转操作的方法分析
- nginx 部署 vue 项目找不到js css文件的解决方法
- 基于layui框架响应式布局的一些使用详解
- php中session垃圾回收机制