`

Ext 右键菜单

EXTJavaJSPJavaScript 
阅读更多
1、JavaScript 
var acGrid = new Ext.grid.GridPanel({
   ……
});
			
acGrid.addListener('rowcontextmenu', rightClickFn);//“rowcontextmenu”必须是JSP中DIV的ID
var rightClick = new Ext.menu.Menu({
    id:'rightClickCont', 
    items: [
       	{
            	id: 'rMenu1',
            	handler: showSummary,//自定义JS函数
            	iconCls : 'menu',
            	text: '概要信息'
        },
        {
                id: 'rMenu2',
            	handler: showDynaInfo,//自定义JS函数
            	iconCls : 'menu',
            	text: '动态信息'
        }
    ]
});
			
function rightClickFn(grid,rowindex,e){
    e.preventDefault();
    rightClick.showAt(e.getXY());
}


2、JSP 
<body>
  <div id="rightClickCont"></div>
</body>


3、禁用系统自身的右键菜单 
document.oncontextmenu=function rf()
{
    if ((event.srcElement.tagName!='INPUT' &&   event.srcElement.tagName!='TEXTAREA' && document.selection.type=='None') || (event.srcElement.tagName=='INPUT' && event.srcElement.disabled) || (event.srcElement.tagName=='TEXTAREA' && event.srcElement.disabled))
   {
   	return false;
   }
}
分享到：
| 关于ExtJS中的mask和unmask
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iframe里无右键菜单

    然而，有时我们可能希望在`iframe`内禁用默认的右键菜单，以防止用户通过右键点击执行某些操作，比如复制、查看源代码等。标题"iframe里无右键菜单"正是针对这一需求，描述中提到的解决方案是创建一个既简单又实用的...

    ext带右键菜单的树

    在描述中提到的"ext带右键菜单的树"是指在ExtJS中实现的一种交互功能，即在树形控件上通过右键点击来显示一个上下文菜单。这种功能极大地提高了用户与应用程序的交互性，使得操作更加直观和便捷。 在ExtJS中，树形...

    Ext做的例子右键菜单设置forward跳转b/s版

    在这个“Ext做的例子右键菜单设置forward跳转b/s版”中，我们将探讨如何利用ExtJS实现一个右键菜单系统，该系统能够支持页面的forward跳转功能，适用于特定的B/S架构（Browser/Server，即浏览器/服务器模式）的页面...

    复选框的且带右键菜单的树代码

    ### 复选框的且带右键菜单的树代码知识点解析 #### 一、概述 本文档介绍了一段实现带有复选框功能以及右键菜单的树形结构代码。该树形结构主要用于展示联系人信息，并支持用户进行一系列操作如搜索、添加、删除等。...

    Ext 中的Tree实现不同节点不同的右键菜单

    本篇将深入探讨如何在`Ext JS`中实现Tree组件的不同节点拥有不同的右键菜单，这对于提供定制化的用户体验是非常有用的。 `Ext JS`的Tree组件是一个可扩展的树形结构，用于展示层级数据。在默认情况下，Tree的所有...

    Ext.grid.GridPanel右键菜单

    右键菜单的资料，代码已经详细描写。请仿照文件中所描述即可使用，不限于EXT4.0以上版本使用。

    ExtJS 自定义树组件 节点的操作 搜索 右键菜单

    功能: 1.实现ExtJS tree 节点右键菜单 实现增删查. 2.实现针对实体数据的动态搜索. 3.代码命名规范，简单易懂. 4.支持IE 9,FF 19.0.2. 5.将文件解压至ext包example任意组件文件夹即可浏览效果.

    （实例029）鼠标右键弹出菜单.rar

    而第三方工具如ShellMenuView、Context Menu Editor等则提供了图形化的界面，让非编程用户也能轻松地添加、删除和管理右键菜单项。 在实例029中，可能包含了一个演示程序或者代码示例，展示了如何创建和管理右键...

    使用contextMenu插件实现Bootstrap table弹出右键菜单

    例如，Bootstrap的表格（Bootstrap table）默认并不支持右键菜单功能。在这种情况下，开发者通常需要借助第三方插件来扩展其功能。本文将详细介绍如何使用`contextMenu`插件实现在Bootstrap table上添加右键弹出菜单...

    ExtJs grid行 右键菜单的两种方法

    plugins: new Ext.grid.ContextMenu({ menu: menu }) // 使用插件设置右键菜单 }, listeners: { rowcontextmenu: function(grid, record, tr, index, e) { e.preventDefault(); // 阻止浏览器默认的右键菜单 ...

    com atl shell extension_给任务栏右键菜单中添加菜单,工具栏菜单.zip

    `IContextMenu`接口则允许你定义右键菜单中的命令，包括显示的文本、图标以及执行的函数。 2. **注册表脚本**：为了使Shell扩展生效，必须将其注册到系统的注册表中。这通常通过编写注册表脚本完成，将COM组件的...

    Ext grid 添加右击菜单

    在本文中，我们将深入探讨如何在Ext Grid中添加右键菜单功能，这是一项常见的交互设计，可以为用户提供更丰富的操作选项。首先，我们先来理解一下`Ext Grid`是什么。`Ext Grid`是Ext JS库中的一个组件，用于展示结构...

    pyqt5界面右键菜单中文汉化(QLineEdit、QTextEdit)

    从PyQt5的包中Lib\site-packages\PyQt5\Qt\translations找到qt_zh_CN.qm文件，复制到项目的目录下，可以新建个文件，只要在项目中就行。 ...提取码：5269 然后代码里面 if __name__ == '__main__': ...

    基于FineUI Grid控件添加右键菜单

    在本文中，我们将深入探讨如何在FineUI框架中为Grid控件添加右键菜单功能。FineUI是一款强大的Web前端开发库，它基于ExtJS库，并提供了丰富的UI组件和便捷的API，使得开发者能够快速构建交互式的企业级Web应用。 ...

    JS组件Bootstrap ContextMenu右键菜单使用方法

    撇开业务不说，单纯从技术层面来说，要想使用最少操作达到上述效果，博主想到了右键功能，如果能够在第2行或者第3行上面点击鼠标右键，通过右键菜单功能将选中的行移动到相应的位置，这样是不是最简单呢。...

    exjs4.2 树的右键菜单

    简单易懂的ext.tree.panel 树形菜单绑定右击事件

    Ext级联菜单实例

    阅读《Ext级联菜单.docx》文档可能会提供更多关于如何配置和定制ExtJS级联菜单的细节，包括但不限于样式调整、动态加载子菜单、自定义事件处理等。对于初学者来说，理解和掌握这些基本概念是至关重要的，因为它们将...

    ext-tree.rar_ext_ext tr_ext tre_ext.tr_ext.tree

    【标题】"ext-tree.rar_ext...综上所述，这个压缩包提供了一个使用Ext JS创建具有右键菜单功能的树形视图的实例，该视图可以直接操作数据库，对于学习和理解如何在Web应用中集成交互式树形组件和数据库操作非常有价值。

Magicbox
Global site tag (gtag.js) - Google Analytics