Question

我在Sencha touch2上遇到了一个奇怪的情况。

我在此框架中阅读并显示PDF文件时遇到问题。我在sencha论坛/ google .etc上读到了这个，我并没有找到真正的解决方案。

我有一个带有PDF网址的JSON对象Feed（PDF不在本地）。

我试过这个：

<embed type="application/pdf" width="100%" height="100%" src="file.pdf" />

我有滚动问题，t只显示第一页，因为Sencha有自己的滚动面板......等等

<object data="YourFile.pdf" TYPE="application/x-pdf" width="100%" height="100%" </object>

它有同样的事情，滚动问题

<iframe src="http://docs.google.com/viewer?url='+encodeURI+'&embedded=true" width="100%" height="780" style="border: none;"></iframe>

我有点喜欢谷歌的想法，但也不是因为它没有在我的Ipad上工作，我认为谷歌需要登录，以防你想阅读PDF格式

PS：我在sencha面板中设置为HTML的所有这3个methots：

            {
                xtype:'panel',
                height:'100%'
                html:'iframe or object or google'
            }

有人找到解决方案或者解决任何问题以查看pdf文件吗？

感谢您的帮助!!!!!

Answer 1

我发现我在计划中使用或使用的替代品很少：

Google PDF查看器https://docs.google.com/viewer，这对我来说并不完美，当您登录并且会话过期时会遇到一些会话问题
如果您的应用程序可以打开一个新的窗口PDF，您可以在浏览器版本中打开一个新窗口，您可以在Phonegap ChildBrowser中使用例如查看pdf
我用来为1个应用程序使用第三方服务：http://crocdoc.com/，但对我不起作用，因为我可以在应用程序中预览后在http://crocdoc.com/中上传pdf，哪个不是动态
我的下一步是使用pdfjs https://github.com/SunboX/st2_pdf_panel。我仍然需要使用跨域文档，但这就是我得到的全部内容。

如果你有一个非常棒的真正的解决方案，但是这个问题在我的应用程序实现时间内是一个诡计，不确定在这种情况下哪个是真正的解决方案。

Answer 2

是的，亲爱的，您可以使用以下示例轻松查看sencha touch-2上的pdf文档：

Ext.Viewport.add({
        //first we define the xtype, which is tabpanel for the Tab Panel component
        xtype: 'tabpanel',

        //next we define the items that will appear inside our tab panel
        items: [
            {
                //each item in a tabpanel requires the title configuration. this is displayed
                //on the tab for this item
                title: 'Tab 1',

                //next we give it some simple html
                items: {
                    html: '1',
                    centered: true
                },

                //then a custom cls so we can style it
                cls: 'card1'
            },
            {
                //title
                title: 'Tab 2',

                //the items html
                items: {
                    html: '2',
                    centered: true
                },

                //custom cls
                cls: 'card2'
            },
            {
                //title
                title: 'Tab 3',

                //the items html
                items: {
                    html: '<embed type="application/pdf" width="800px" height="800px" src="YourFile.pdf" />',
                    centered: true
                },

                //custom cls
                cls: 'card3'
            }
        ]
    });

Sencha Touch 2上的PDF查看器

2 个答案: