黑马程序员技术交流社区

标题: 【上海校区】ExtJS对类型为xtype:button的按钮进行不可用置灰... [打印本页]

---

作者: 不二晨    时间: 2019-4-15 10:07
标题: 【上海校区】ExtJS对类型为xtype:button的按钮进行不可用置灰...
在项目中会根据业务需要对页面中的组件进行各种操作，比如隐藏、改变组件显示名称、可用不可用等。今天介绍下如何使用ExtJS对xtype:button的按钮进行可用和不可用的设置。

        页面中xtype:button的按钮代码定义如下：

        {
            columnWidth : .08,
            layout : 'form',
            defaultType : 'textfield',
            border : false,
            anchor : '40%',
            items : [{
                            id : 'downSelectBtn',
                            xtype : 'button',
                            iconCls : 'previewIcon',
                            text : '批量下载',
                            handler : function() {
                                    downSelect();
                            }
                        }
                ]

        }

        注意代码中红色加粗部分，这部分代码是为了设置按钮不可用而添加的，需要根据组件id来找到指定的按钮组件，所以一定要添加按钮的id属性。

        下面就需要根据业务逻辑，在需要让按钮设置为不可用的代码处调用下面的代码使按钮的不可用属性生效。

        // 批量下载按钮不可用

        Ext.getCmp('downSelectBtn').disable();

        获得id值为downSelectBtn的按钮，并调用disable()方法使按钮设置为不可用状态。不可用后按钮会显示灰色，点击效果不起作用。

        

        设置按钮的可用状态调用下面的方法。

        // 批量下载按钮可用

        Ext.getCmp('downSelectBtn').enable();

        获得id值为downSelectBtn的按钮，并调用enable()方法使按钮设置为可用状态。


---------------------
【转载，仅作分享，侵删】
作者：laowang2915
来源：CSDN
原文：https://blog.csdn.net/laowang2915/article/details/80519135
版权声明：本文为博主原创文章，转载请附上博文链接！

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2