处理 uxiframe 组件的错误

Question

我的应用程序从网格数据生成一个带有 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'

Answer 1

应该是这样的：-

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);
                    }
                }
            }]
        });

    }
});

希望对您有所帮助。