jQuery MiniUI

标题: 按钮如何触发popup [打印本页]

---

作者: happylover1278    时间: 2021-7-16 13:42:32     标题: 按钮如何触发popup

点击按钮  按钮下方展示一个popup   并且popup内为另一个html（类似open  但是可以像下拉框一样失焦隐藏）

---

作者: felt    时间: 2021-7-16 15:15:15

你用的啥popup，直接用div不行吗？

---

作者: happylover1278    时间: 2021-7-19 16:52:41

felt 发表于 2021-7-16 15:15
你用的啥popup，直接用div不行吗？

想做类似popup那种  点击显示   失焦后隐藏的iframe。很像表格内的popup弹窗，只不过被放在了一个非表格中的按钮上

---

作者: snake    时间: 2021-7-20 11:10:43

happylover1278 发表于 2021-7-19 16:52
想做类似popup那种  点击显示   失焦后隐藏的iframe。很像表格内的popup弹窗，只不过被放在了一个非表格中 ...

1. this.popup = new mini.Popup();
   
2. this.popup.set({
   
3.       width: 600,
   
4.       minHeight: 200,
   
5.       maxHeight: 400,
   
6. })
   
7. this.popup.setPopupEl(this.el); // 定位对象
   
8. this.popup.setPopupCls("mini-button-popup");
   
9. this.popup.setShowAction("leftclick");
   
10. this.popup.setHideAction("outerclick");
    
11. this.popup.setXAlign("left");
    
12. this.popup.setYAlign("below");
    
13. this.popup.setBody('111');
    
14. that.popup.showAtEl(that.el); // 显示

复制代码

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2