ExtJS4 Panel中嵌套PDF

原文地址:http://ext4all.com/post/extjs-4-show-pdf-in-a-panel

注意：前提是你的浏览器需要安装上PDF的插件。！例如：Adobe Reader

效果图：

 

<script type="text/javascript">
        Ext.onReady(function () {
            Ext.widget('panel', {
                title: 'My Pdf Panel一步一步学习asp.net MVC',
                width: 600,
                height: 400,
                items: {
                    xtype: 'component',
                    autoEl: {
                        tag:'iframe',
                        style:'height:100%;width:100%;border:none',
                        src:'2.pdf'
                    }
                },
                renderTo:Ext.getBody()
            });
        });
    </script>

 

 ExtJS 3中 Panel嵌套PDF的方法如下：

参考原文：http://ext4all.com/post/extjs-3-show-pdf-in-a-panel

Ext.onReady(function () {
    Ext.create({
        title: 'My PDF',
        xtype: 'panel',
        width: 600,
        height: 400,
        items: {
            xtype: 'box',
            autoEl: {
                tag: 'iframe',
                style: 'height: 100%; width: 100%',
                src: '/files/pdf-sample.pdf'
            }
        },
        renderTo: 'output'
    });
});