使用uxiframe组件处理错误

时间:2017-12-20 16:05:47

标签: extjs extjs5

从网格数据我的应用程序生成一个带有fpdf的报告,该报告显示在带有uxiframe组件的选项卡上。 效果很好。

但是,我需要处理错误。

uxiframe支持一个加载方法,但它没有任何成功或失败方法或成功属性。

假设服务器发送了以下响应:

{msg: "Problem...", success: false}

使用按钮,我添加了一个带有uxiframe

的新标签页
 var newTab = mainPanel.add({
     xtype: 'uxiframe',
     closable: true,
     title: 'PDF report',
     src: 'php/fpdreport.php,
     listeners:{
          load: function(operation){
                 console.log(operation);
          }
     }
  });

是否有某种方法可以显示消息"问题..." ?

编辑:

小提琴:https://fiddle.sencha.com/#view/editor&fiddle/2bj7

用于测试的Pdf:' https://examples.sencha.com/extjs/5.1.0/examples/executive-dashboard/resources/reports/Q42013Report.pdf'

1 个答案:

答案 0 :(得分:0)

应该如下: -

Ext.application({
    name: 'Fiddle',
    requires: ['Ext.ux.IFrame'],
    launch: function () {

        var panel = Ext.create('Ext.Panel', {
            renderTo: Ext.getBody(),
            items: [{
                xtype: 'uxiframe',
                closable: true,
                title: 'PDF report',
                loader: {
                    url: 'php/fpdreport.php',
                    autoLoad: true,
                    callback: function (ths, success, response, options) {
                        console.log(response);
                        panel.setHtml(response.statusText);
                    }
                }
            }]
        });

    }
});

希望得到这个帮助。