Question

我想创建一个带有ext js的弹出式pdf查看器。我尝试了一些面板示例，如：

Ext.onReady(function() {
   Ext.widget('panel', {
        title: 'My PDF',
        width: 600,
        height: 400,
        items: {
            xtype: 'component',
            autoEl: {
                tag: 'iframe',
                style: 'height: 100%; width: 100%; border: none',
                src: './test.pdf'
            }
        },
        renderTo: 'selection'
    });
});

我希望有人认为类似于this

我的需要和这个之间的区别在于我想要在屏幕右上方的关闭和打印按钮。我不需要分页

任何线索？在此先感谢:)

Answer 1

试试这个...

var showss = Ext.create('Ext.window.Window' {
                            title: 'PDF Content',
                            width: 400,
                            height: 600,
                            modal   : true,
                            closeAction: 'hide',
                            items: [{ 
                                     xtype: 'component',
                                     html : '<iframe src="./test.pdf" width="100%" height="100%"></iframe>',
                                  }]
                        });
  showss.show();

使用EXT JS的popup pdf查看器

1 个答案: