`
lspgdut
  • 浏览: 198980 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

extjs的formpanel定制右键菜单

阅读更多

var form=new Ext.form.FormPanel({
         labelAlign:'right',
        id:'topFormId',
       labelWidth:60,
        title:'基本信息',
        frame:true,
        width:lh.screenAvailWidth,
        items:[{
            layout:'column',
            items:[{
                columnWidth:0.04,
                layout:'form',
                items:[{xtype:'box',autoEl:{//显示从莞的图片
                    tag:'div',
                    children:[{
                        tag:'img',
                        qtip:'从莞高速公路投资有限公司图标',
                        src:'images/congGuan.jpg',
                        height:50,
                        width:50
                    }]
                }}
                ]
            },{
                 columnWidth:0.20,
                 layout:'form',
                items:[{xtype:'box',id:'testId',html:'<h1 style="font-size:15pt">从莞高速公路惠州段<br/>项目建设管理平台(PMP)</h1>',boxMinWidth:150}]
            },{
                columnWidth:0.76,
                layout:'form',
                id:'topmenu',
                items:[tb]
            }]
        }],
        listeners:{
            render:function(p){
                p.getEl().on("click",function(e){//单击事件
                   alert('onclick');
                });
                p.getEl().on("contextmenu",function(e){//右键事件
                       e.preventDefault();
                       contextmenu.showAt(e.getXY());
                })
            }
        }
    });

分享到:
评论

相关推荐

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

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

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

    在ExtJs中,创建一个Grid并为其添加右键菜单是常见的需求,特别是在开发富客户端应用时。本篇文章将介绍两种实现ExtJs grid行右键菜单的方法。这两种方法都是基于ExtJs框架的功能,允许用户在点击网格行时显示自定义...

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

    本文档提供的代码实现了基于Extjs框架的树形结构,其中包含了复选框功能及右键菜单功能。该树形结构主要用于联系人管理系统的开发,提供了丰富的用户交互体验。通过以上知识点的解析,可以帮助开发者更好地理解和...

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

    这个类提供了一系列的方法和配置项,用于定制菜单项的外观和行为。例如,我们可以创建一个包含多个菜单项的菜单,并为每个菜单项添加点击事件监听器,当用户点击某个菜单项时,执行相应的操作,如页面的forward跳转...

    extjs中的formPanel以及表单的应用

    FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的功能,如数据验证、远程提交、异步加载等,是构建用户交互界面的关键部分。 在ExtJS中,FormPanel是...

    解决EXTJS4.2的tabpanel右键关闭的BUG

    EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!

    ext带右键菜单的树

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

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

    本篇文章将深入探讨如何在`ExtJS`的Tree组件中实现不同节点具有不同的右键菜单功能。 首先,我们需要理解`ExtJS`的`Tree`组件的基本工作原理。`Tree`是通过`TreeNode`对象来表示每一个层级节点的,每个节点都可以有...

    ExtJS5树形菜单

    在这个例子中,`BaseTreeView`是基本的树形菜单视图,`SpecialTreeView`则在其基础上进行定制,实现了代码复用。 7. **示例代码** 创建一个简单的树形菜单: ```javascript Ext.application({ name: 'MyApp', ...

    extjs3.0 组件

    EXTJS 是一个强大的JavaScript ...无论是面板、窗体、右键菜单还是其他组件,它们都提供了丰富的功能和高度的定制性。通过深入学习并熟练掌握这些组件,你将能够在Web开发领域游刃有余,构建出令人印象深刻的应用程序。

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

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

    简单的两种Extjs formpanel加载数据的方式

    在ExtJS中,`Ext.form.Panel`(或简称为`formpanel`)是一种非常重要的组件,用于创建表单来收集用户输入的数据。本文将详细介绍两种在ExtJS formpanel中加载数据的方法,以供开发者参考。 ### 方法一:使用`...

    FCKeditor结合extjs实例

    ExtJS 的组件库包括表格、树形视图、图表、窗口、表单等,可以构建出高度定制化的用户界面。通过其强大的布局管理,可以轻松地创建响应式和灵活的设计。此外,ExtJS 还支持Ajax通信,使得实时更新和异步数据交互成为...

    Extjs动态加载菜单

    动态加载菜单是ExtJS中的一个关键特性,它允许在用户交互过程中动态地创建、修改和加载菜单项,提供了更灵活的用户界面设计。在“Extjs动态加载菜单”这个主题中,我们将深入探讨这一功能的实现方式以及相关技术。 ...

    formpanel extjs

    extjs formpanel学习,秘诀,笔记

    EXTJS4 菜单栏

    4. **配置与布局**:EXTJS4提供了丰富的配置选项来定制菜单栏的外观和行为,如`width`、`floating`(是否浮动)、`plain`(无边框样式)等。同时,菜单栏支持自动调整大小和位置,以适应不同的屏幕尺寸和布局。 5. ...

    extjs4.2 desktop 拓展

    总结来说,ExtJS 4.2 Desktop 拓展是一个集成了多种桌面特性并优化了基础框架的解决方案,它提供了图标换行、窗口拖动、多级开始菜单等功能,使得开发复杂的Web应用变得更加简单和直观。通过下载提供的LinBDesk4.2...

    extjs4 导航菜单实例

    这篇博客文章“extjs4 导航菜单实例”将深入探讨如何在ExtJS 4中创建和使用导航菜单,这对于构建具有层次结构和动态功能的用户界面至关重要。 在ExtJS中,导航菜单通常通过`Ext.menu.Menu`类来实现,这是一个可弹出...

Global site tag (gtag.js) - Google Analytics