Extjs 实现menu居中效果(仿弹窗)
来源:互联网 发布:高晓松 阿里 知乎 编辑:程序博客网 时间:2024/06/15 18:10
简单的效果图:
实现方法:
在button的点击事件中添加以下关键代码:
var menu = Ext.getCmp("databaseMenu");
var menuWidth = Ext.getCmp("databaseMenu").getWidth();
var menuHight = Ext.getCmp("databaseMenu").getHeight();
var fatherWidth = Ext.getCmp("databaseMenu").ownerCt.getWidth();
var fatherHeight = Ext.getCmp("databaseMenu").ownerCt.getHeight();
var fatherPosition = Ext.getCmp("databaseMenu").ownerCt.getPosition();
var menuPositionX = fatherPosition[0] + (fatherWidth-menuWidth)/2;
var menuPositionY = fatherPosition[1] + (fatherHeight-menuHight)/2;
menu.showAt([menuPositionX,menuPositionY]);
注:其中 databaseMenu 是这个menu的id
- Extjs 实现menu居中效果(仿弹窗)
- jquery实现动态menu效果
- Extjs combox实现autocompelte效果
- Extjs 蒙板效果实现
- 使用jquery实现弹出窗口效果(居中、左下角、右下角)
- extjs 菜单Ext.menu.Menu
- css实现内容上下左右居中的效果
- jquery实现居中、左下角、右下角窗口效果
- Extjs学习 menu菜单
- ExtJs 中实现类似淘宝机器人效果
- Path的Menu菜单(加号)效果
- 【ExtJs学习系列】Ext的Menu组件(三)
- ExtJS中Ext.menu.Menu菜单应用
- 巧用自定义Menu控件实现Tab效果
- Android实现带动画效果的Tab Menu
- Android_Android实现带动画效果的Tab Menu
- 63 Android 抽屉效果的实现 + ActionBar Menu
- JS+CSS实现Dock menu(Mac菜单导航效果)
- [Wondgirl] 微信小程序(一)简介
- Tesseract:安装与命令行使用
- 文章中的代码添加语法高亮
- 汉字的unicode编码最小值
- thinkphp——上传图片
- Extjs 实现menu居中效果(仿弹窗)
- 网络虚拟化中的 offload 技术:LSO/LRO、GSO/GRO、TSO/UFO、VXLAN
- 连接池 druid(阿里巴巴的框架)
- Abandoned Object Detection via Temporal Consistency Modeling and Back-Tracing Verification for Visua
- 不让浏览器自动补全用户名密码
- 32位,64位操作系统下基本数据类型字节大小
- transform<usaco>1.2<水>(结构体的比较memcmp(&square1,&square3,sizeof(ttt)))
- 开源集锦(一)(自定义控件)
- 关于app启动时会出现短时白屏现象解决办法