为Ext.form.Panel的xtype:label添加事件

电玩女神 2021-09-14 10:28 285阅读 0赞

### 需求 ###

在Ext.form.Panel中添加文字，并注册click事件。  
实现如效果图所示的功能

### 效果图 ###

![这里写图片描述][SouthEast]  
![这里写图片描述][SouthEast 1]\\

### 核心 ###

为xtype:label添加事件

listeners: {
          render: function () { //渲染后添加click事件
               Ext.select("#pipeSecrecyAgreement").on('click',
                   function (e, t) { 
                       agreementWin.show();
                   });
           },
           scope: this
       }

### 代码 ###

items:[
                    {
                        xtype:"checkbox",
                        id:"optionAgreement",
                        width:30,
                        height:30,
                        margin:"10 0 0 650",
                        handler: function() { 
                        }
                    },
                    {
                        xtype: "label",
                        id:"pipeSecrecyAgreement",
                        width: 150,
                        height: 30,
                        text: '同意管线保密协议',
                        margin: " 10 0 0 0",
                        border: 0,
                        style: "text-decoration: underline;color:red;",
                        listeners: {
                            render: function () { //渲染后添加click事件
                                Ext.select("#pipeSecrecyAgreement").on('click',
                                    function (e, t) { 
                                        agreementWin.show();
                                    });
                            },
                            scope: this
                        }
                    }
           ]

[SouthEast]: /images/20210726/eb2e0e78c5a54042ae1810483efbe848.png
[SouthEast 1]: /images/20210726/7e5f7c22c0a24a2eb12415b97a26adbb.png