Extjs4.1 checkboxgroup动态生成checkbox 还有 checkbox绑定点击事件

最新推荐文章于 2026-06-20 15:42:35 发布

原创

最新推荐文章于 2026-06-20 15:42:35 发布 · 7.5k 阅读

这篇博客介绍了如何在ExtJS4.1中动态生成CheckboxGroup，并且正确绑定Checkbox的点击事件，避免了点击文字时触发事件两次的bug。通过Ext.Ajax请求获取数据，然后利用Ext.Array.each遍历生成CheckboxItems，同时监听afterrender事件以实现点击事件。当Checkbox状态改变时，调用UserRole函数更新数据库。

我在网上有找到的 checkbox点击事件
URL:http://blog.csdn.net/jiafugui/article/details/7590330
他的有个bug就是点击文字的时候会执行两次而我的就不会出现两次

//role
            function rolewin(id,name){
            
                Ext.Ajax.request({
                    url: 'Json/UserRole.txt',//用户拥有的角色ID 格式 1,2,4,5, 
                    //params: {id:id},
                    success: function (response) {
                       var idlist = response.responseText;
                       for (var i = 0; i < CheckboxItems.length; i++) {//如果有勾选 checkbox
                            Ext.getCmp('check'+i).setValue(idlist.indexOf(CheckboxItems[i].inputValue+',')>=0?true:false);
                            //Ext.popup.msg(' '+CheckboxItems[i].inputValue);
                        } 
                    }
                });
                
                
                return  Ext.create('Ext.Window', {
                    title: '角色信息 【' + name + '】',
                    id:'

标签