extjs4 打开pdf文件

最新推荐文章于 2018-02-28 09:44:00 发布

原创最新推荐文章于 2018-02-28 09:44:00 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ux

EXTJS 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一个使用Ext.ux库创建的PDF文档查看器实现方案。该查看器通过MediaWindow组件加载指定URL的PDF文件，并设置了相应的配置项以确保跨浏览器的兼容性和良好的用户体验。

buttons: [{
text :'OPEN DOCUMENT',
formBind : true,
handler:function() {
      new Ext.window.Window({
         title: 'Document',
         height: 800,
         width: 800,
         layout: 'fit',
         items: [{
            html: '<iframe src="..."></iframe>'
         }]
      });
}
}]

--------------------------------------------------
网上找的一段代码，如果是动态的话，应该要获取到item下的html的值，然后赋值

var mConfig = { 
       mediaType   :'PDFFRAME',   //this is the most reliable cross-browser 
       url         : 'servlet/PdfServlet?invoice=2319283',
       unsupportedText : 'Acrobat Viewer is not Installed',
   resizable   : true    // < -- what's this?
       autoSize : true
    };                  
var p = new Ext.ux.MediaWindow({  
        id            : 'PDFViewerWin',
        bodyStyle    : 'position:relative; padding:0px;',
        width        : 600,
        height        : 400,
        mediaCfg    : mConfig,
        title        : 'Title-1'
 }).show();