如何改变ExtJS按钮的行为方式?

时间:2017-04-10 09:49:02

标签: extjs

我对ExtJS Button的行为有疑问。单击时,它应该调用特定的控制器。我的问题:我需要添加一个对话框,要求用户确认他的动作(例如:你确定要打印吗?是/否)。我的代码示例中的第一个按钮是旧按钮,而第二个按钮是我要更改的按钮。代码段中的代码当前正在显示对话框,但在单击“是”或“否”时它不会执行任何操作。

我远不是ExtJS的专家(我对框架的理解可能是错误的),请记住这一点。

this.buttons = [{
            text:'Print',
            action:'print',
            iconCls:'icon-excel',
            href: 'print/someFile.docx'
        },{

            text:'Print',
            handler:function(){

                Ext.MessageBox.confirm({
                    title:"Print",
                    msg:"Are you sure about this?",
                    buttons: Ext.Msg.YESNO,
                    action:'print'
                    href: 'print/someFile.docx',
                    icon: Ext.Msg.QUESTION

         });
        },              
        }];

1 个答案:

答案 0 :(得分:0)

您需要添加一个回调函数,如:

Ext.MessageBox.confirm({
    title:"Print",
    msg:"Are you sure about this?",
    buttons: Ext.Msg.YESNO,
    action:'print'
    href: 'print/someFile.docx',
    icon: Ext.Msg.QUESTION,
    fn: function(btn) {
       if (btn === 'yes') {
           console.log('Yes pressed');
       } else if (btn === 'no') {
           console.log('No pressed');
       } 
    }    
});