Extjs下拉菜单

最新推荐文章于 2023-06-17 22:16:18 发布

向往理想乡

最新推荐文章于 2023-06-17 22:16:18 发布

阅读量616

点赞数

分类专栏： extjs

本文链接：https://blog.csdn.net/CSDNSTJ/article/details/40980481

版权

extjs 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

前两天用Extjs写了一个下拉菜单，鼠标离开后无法自动隐藏，问了老师后，终于解决了

 tbar:[{
                            html:'<html>  </html>',
                            disabled:true
                        }
                           ,'-',
                        {
                            text:'0001',
                            id: 'btn001',
                            menu:new Ext.menu.Menu({
                                id:'menu1',
                                items:[
                                    {
                                        text:'记录一'

                                    },{
                                        text:'记录二'
                                    }
                                ],
                                listeners:{
                                    mouseleave: function(){
                                        this.hide();
                                    },
                                    mouseout: function(){
                                        this.hide();
                                    }
                                }
                            }),
                            listeners:{
                                "mouseover":function()
                                {
                                    this.showMenu();
                                },
                                mouseout: function(btn,e){
                                    if (this.menu.hideMode === 'visibility')
                                    {
                                        if (!(e.getX() >= this.menu.x && e.getX() <= this.menu.x + this.menu.getHeight() && e.getY() >= this.menu.y && e.getY() <= this.menu.y + this.menu.getWidth()))
                                        {
                                            this.hideMenu();
                                        }
                                    }
                                }
                            }
                        }
]