mini.extend扩展mini.panel控件如何给取消默认帮定事件

Aisin丿Gioro

1. mini.extend(seesoft.Panel, mini.Panel, {
   
2.     uiCls: 'basic-panel',
   
3.     initComponents: function () {
   
4.         var footer = '<div>'
   
5.             + '<a name="ok" class="mini-button mini-button-primary" style="margin-right: 10px;">确定</a>'
   
6.             + ' <a name="cancel" class="mini-button">取消</a>'
   
7.             + '</div>';
   
8.         this.set({
   
9.             style: "width: 100%;height:100%",
   
10.             borderStyle: "border: 0;",
    
11.             showHeader: false,
    
12.             showToolbar: false,
    
13.             showFooter: true,
    
14.             footer: footer
    
15.         });
    
16.     },
    
17.     bindEvents: function () {
    
18.         this.okBtn = mini.getbyName('ok', this);
    
19.         this.cancelBtn = mini.getbyName('cancel', this);
    
20. 
    
21.         var that = this;
    
22. 
    
23.         this.okBtn.on('click', function (e) {
    
24.             that.fire("okclick");
    
25.         });
    
26.         this.cancelBtn.on('click', function (e) {
    
27.             that.fire("cancelclick");
    
28.         });
    
29.     },
    
30.     getAttrs: function (el) {
    
31.         var attrs = seesoft.Panel.superclass.getAttrs.call(this, el);
    
32.         mini._ParseString(el, attrs, ["onokclick", "oncancelclick"]);
    
33.         return attrs;
    
34.     }
    
35. });

复制代码

弹出框的取消按钮如何默认绑定一个关闭窗口的事件，如果页面给panel设置onCancelclick的话就使用页面的事件

felt

不太理解你的意思
请带简单例子重现问题

Aisin丿Gioro

felt 发表于 2020-3-16 10:12
不太理解你的意思
请带简单例子重现问题

我是想扩展panel控件，主要是方便快速在子页面搭建panel，封装好以后就不用写footer了，给footer的取消按钮默认绑定一个关闭父页面mini.open的方法closeWindow，如果取消按钮需要绑定其他事件，就写oncancelclick

felt

Aisin丿Gioro 发表于 2020-3-16 15:10
我是想扩展panel控件，主要是方便快速在子页面搭建panel，封装好以后就不用写footer了，给footer的取消按 ...

1. this.cancelBtn.on('click', function (e) {
   
2.             var ex = {cancel:false};
   
3.             that.fire("cancelclick", ex);
   
4.             if (ex.cancel == true) {
   
5.                 alert(1);   
   
6.             } else {
   
7.                 alert("2");
   
8.             }
   
9.         });

复制代码