2012-06-04 39 views
1

我在Sencha touch2上有一个奇怪的情况。Sencha Touch 2上的PDF查看器

我有一个问题,阅读和显示在这个框架中的PDF文件。我在sencha论坛/ google.etc上阅读了这篇文章,但我没有真正找到一个真正的解决方案。

我有一个JSON对象饲料与PDF的网址(PDF不是本地)。

什么,我想这:


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

    我有滚动已发行,T仅显示了第一页,因为煎茶已经得到了自己的滚动面板...等



  • <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:所有这些3个methots我设置为煎茶面板中的HTML:

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

是否有人找到解决办法也许解决方法任何东西来查看PDF文件?

感谢您的帮助!!!!!

+0

您是否找到解决方案?当它显示第一页时它是否允许您在iPad上打开其他阅读器?非常感谢 – robob

+0

只使用iframe? – AlexC

+0

问题不仅在于页面不滚动...在iOS上,它似乎是一个静态图像(在我看来,它有一个不正确的大小),你不能在它里面做任何事情。 – robob

回答

0

是亲爱的,你可以很容易地在煎茶查看PDF文档触摸-2使用下面的例子:

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

它不滚动,它显示突出第一页,这就是全部 – AlexC

1

我发现,我很少使用的替代品或我有计划的使用方法:

  1. Google PDF查看器https://docs.google.com/viewer,这对我来说并不完美,当您登录并且会话已过期时,会出现一些会话问题
  2. 如果您的应用可以打开新窗口PDF,您可以打开一个新窗口在浏览器中离子,你可以在Phonegap的ChildBrowser中使用,例如查看pdf
  3. 我用来为1个应用程序使用第三方服务,例如:http://crocdoc.com/,但并不真正为我工作,因为我需要在http://crocdoc.com/之后上传pdf我可以在应用程序中预览,这是不是在飞行
  4. 下一个对我来说是使用pdfjs https://github.com/SunboX/st2_pdf_panel。我仍然必须玩跨域文件,但这是我得到的。

如果你有一个真正的解决方案,将是真棒,但这个问题是一直是我的应用程序执行的时间诡计,不知道这是在这种情况下,真正的解决方案。

+0

您是否需要使用PhoneGap在新窗口中打开PDF?另一种方法是在ST2中加载PDF的短图像预览,并在Safari的新窗口中加载PDF。但我不知道如果没有PhoneGap这是可能的...非常感谢 – robob

+1

哦,这是可能的。它不适用于我的情况,因为我想让所有用户都保留在应用程序中,而不是离开应用程序。但如果对你来说很好,这不是问题,当然可以。只有1个错误,当你的应用程序将成为“主屏幕快捷方式”(Ipad/Iphone案例)时,你没有浏览器的框架,当你打开PDF时,你不能回到实际的应用程序。 (我希望它有帮助) – AlexC

+0

MHh,是的,但我需要把应用程序放在家里。所以对我来说是一个问题。 Thx很多 – robob