如何处理extjs4中复选框上的选中和未选中事件？

Posted 2023-02-26

【中文标题】如何处理extjs4中复选框上的选中和未选中事件？

【英文标题】：How to handle checked and unchecked event on checkbox in extjs4?

【发布时间】：2013-03-05 05:40:58

【问题描述】：

我在 extjs4 中工作。我将停留在必须处理复选框上的选中和未选中事件的地方。我没有找到适合该选择的事件。我只想处理复选框上的选中和未选中事件..

这是我的一些代码

1) 查看代码：----

Ext.define('Am.user.Login', 
    extend:'Ext.form.Panel',
    id:'loginId',
    alias:'widget.Login',
    title:'Get your key to socialize yet earn and learn (always free)',

    items:[
    
    ----    
    ,
     
        xtype:'checkbox',
        fieldLabel: 'Remember me',
        name: 'remember',
        //id:'checkbox1',
        action:'check'

    ,
    ],
);

2) 控制器代码：---

Ext.define('Am.sn.UserController',
        

            extend:'Ext.app.Controller',
                 ------------   
                     -----
            init:function()
            
                console.log('Initialized Users! This happens before the Application launch function is called'); 
                this.control(
                
                    'Login button[action=loginAction]':
                    
                        click:this.authenticateUser
                    ,
                    'Login checkbox[action=check]':
                    
                        change:this.checkedRemeberMe
                    ,

                ); //end of control
            ,//end of init function
            checkedRemeberMe:function()
            
                console.log("check box selected");
            ,
        ); 

在这里我将使用更改事件，但每次选择或取消选择时都会调用它。 我在这里需要哪个事件？ 请给我一些建议...

【参考方案1】：

为什么不直接使用复选框上的处理程序配置？通过这样做，每次选中或取消选中该框时都会触发它。在那里做你的工作。