2012-06-04 35 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