`

Ext.TabPanel的enable()和disable()方法

阅读更多

今天做控制一个tab也顶部按钮可用与否的demo

获取按钮对象,执行按钮对象的disable()方法,过程中都没有任何问题,但是页面按钮就是不变成不可用

demo:

var toolbar = this.midiModules["VisitFormView"].form.getTopToolbar();
        var pBtn = toolbar.find("cmd", "print");
        if(!pBtn || pBtn.length < 0){
            return ;
        }
        if(visitId){
            pBtn[0].enable();
        }else{
            pBtn[0].disable();   //这段代码执行且没问题
        }

 

 

跟同事讨论觉得可能是后面的某行代码改变了按钮的状态,逐行调试发现如下代码:

this.visitTabForm.tab.items.itemAt(0).enable();

按钮所在的tab页被设置成了enable,才知道当页面设置成enable时,页面的按钮也全部设置成了enable!

分享到:
评论

相关推荐

    ExtJS-3.4.0系列:Ext.TabPanel

    总之,`Ext.TabPanel`是ExtJS框架中构建多标签界面的强大工具,通过灵活的配置和丰富的API,可以轻松地创建出功能丰富的用户界面。在实际开发中,结合其他ExtJS组件和布局,`TabPanel`能够帮助我们构建出高效、美观...

    treepanel 和 tabpanel 完整

    在本文中,我们将深入探讨`TreePanel`和`TabPanel`这两个重要的Ext JS组件,并讨论如何将它们结合在一起,以创建功能丰富的用户界面。`TreePanel`用于展示层次结构的数据,而`TabPanel`则提供了多标签页的功能,两者...

    ext的tabpanel的激活与注意事项

    tabPanel.setActiveTab(desiredTab); // 激活目标选项卡 ``` 在这个例子中,`setActiveTab()`方法接收一个选项卡组件作为参数,这个组件通常是我们通过`Ext.getCmp()`或者其他方式获取的。调用这个方法后,tabpanel...

    ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport第1/3页

    ExtJs是一个基于JavaScript的框架,用于构建前端交互式的Web应用程序。...学习和掌握Ext.Panel、Ext.TabPanel和Ext.Viewport的使用方法,可以帮助我们更好地设计和实现富有交互性和视觉吸引力的Web应用程序界面。

    可以拖拽的页签面板----Ext TabPanel

    文件名暗示了这可能是一个EXT JS的扩展,包含了实现拖放功能的额外方法和属性。 5. **使用场景**: 这样的页签面板适用于那些需要展示多个视图并且希望用户能自主调整视图顺序的应用,例如项目管理工具、数据分析...

    ext.js拖动3.4版本插件

    Ext JS 是一个强大的JavaScript应用程序框架,它提供了丰富的用户界面组件和功能,用于构建富客户端Web应用。在3.4版本中,它包含了对拖放功能的良好支持,这使得开发者能够轻松实现各种元素的动态交互,比如在布局...

    extjs4.2.1 tabPanel刷新及关闭标签

    在版本4.2.1中,`TabPanel`提供了丰富的API和方法来控制其行为,如刷新当前标签页、关闭特定标签页等。 #### 刷新当前标签页 在ExtJS 4.2.1中,要实现刷新当前标签页的功能,可以采用以下方式: ```javascript ...

    Ext.plugins.TDGi.tabScrollerMenu插件的使用

    Ext.plugins.TDGi.tabScrollerMenu插件是用于Ext JS框架的一个扩展,它主要用于解决TabPanel组件中的选项卡过多时的展示问题。当TabPanel的选项卡数量超过一定限制,这个插件会提供一个下拉菜单,用户可以通过该菜单...

    Ext.TabPanel

    TabPanel的使用,添加tab,加载页面,添加事件

    Ext.Viewport布局

    在给定的代码片段中,我们看到`Ext.Viewport`被用来创建一个具有复杂结构的应用界面,包含`Ext.TabPanel`在内的多个区域。 #### 1. `Ext.Viewport`核心特性与作用 `Ext.Viewport`是一个特殊的布局管理器,其设计...

    Ext组件描述,各个组件含义

    - **功能描述**:Component 是所有 Ext 组件的基础类,它定义了所有 Ext 组件都共有的基本属性和方法。 - **主要用途**:作为所有其他组件的基类。 **1.5 Container (Ext.Container)** - **xtype**: `container` -...

    Ext中TabPanel的动态页面加载

    tabPanel.on('tabchange', function(tabPanel, newTab, oldTab, eOpts) { if (newTab.lazy && !newTab.contentLoaded) { newTab.contentLoaded = true; newTab.setLoading(true); // 显示加载指示器 // 示例:...

    tapestry4.02中封装ext的TabPanel组件

    1. TabPanel.java:这是一个Java源文件,其中包含了对 Ext TabPanel 的封装。在这个文件中,你可能会看到一个Tapestry组件类,它扩展了Tapestry的基础组件,并实现了TabPanel的功能。可能包含属性来定义TabPanel的...

    课程ExtTabPanel文档tab嵌套tab.pdf

    在本文中,我们将深入探讨如何使用Ext.TabPanel创建和管理选项卡,包括基本的使用方法、内容引入方式以及如何实现选项卡的嵌套。 1. **引入Ext库** 在使用Ext.TabPanel之前,首先需要引入ExtJS库。这通常通过引入`...

    ExtJS TabPanel beforeremove beforeclose使用说明

    在这样的需求下,可以利用TabPanel的`beforeremove`事件和Panel的`beforeclose`事件。 `beforeremove`事件是在TabPanel尝试移除一个Panel之前触发的。这个事件提供了两个参数:`ct`(Container,即TabPanel本身)和...

    Ext中的tabpanel关闭后再打开不显示的问题

    通过以上两种方法——调整`autoDestroy`和`closeAction`属性——我们可以有效地解决Ext中`TabPanel`关闭后再打开不显示的问题。这些技巧不仅能够提升用户体验,还能够在复杂的业务场景下提供更加灵活的界面管理方案...

    ext 的拖拽示例,很不错的

    ext拖拽示例,可以通过ext生成的layout自动拖拽,效果很不错的

    extJs 2.1学习笔记

    4. Ext.TabPanel篇 5 5. Function扩展篇 7 6. Ext.data.Store篇 10 7. Ext.data.JsonReader篇一 12 8. Ext.data.JsonReader篇二 15 9. Ext.data.HttpProxy篇 19 10. Ext.data.Connection篇一 20 11. Ext.data....

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...

Global site tag (gtag.js) - Google Analytics