PDF Viewer на Sencha Touch 2

Question

У меня странная ситуация на Sencha touch2.

У меня есть проблема с чтением и отображением PDF-файла в этой структуре. Я читал об этом на форуме sencha/google .etc, и я действительно не нашел реального решения.

У меня есть ссылка на объект JSON с URL-адресом PDF (файлы PDF не локально).

что я попытался это:

---

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

  У меня есть вопрос прокрутки, т показывает только первую страницу, потому что Сенча имеет собственную панель прокрутки ... и т.д.

---

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

имеет то же самое, прокрутка Issue

---

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

Я вроде понравилась идея Google, но ни рассуждать он не работал на моем Ipad, я думаю, что Google требует, чтобы войти в систему, в случае, если вы хотите читать просмотра формата PDF

---

PS: Все эти 3 methots я установить в качестве HTML в сенча панели:

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

ли кто-то найти решение или, может быть, Обходной путь для просмотра файлов PDF?

Спасибо за помощь !!!!!

Answer 1

Да дорогой вы можете легко просматривать документ в формате 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' 
      } 
     ] 
    }); 

Answer 2

я нашел несколько вариантов, которые я использую или я в плане использование:

1. Google PDF Viewer https://docs.google.com/viewer, который не идеален для меня, и у него возникла проблема с сеансом, когда вы вошли в систему, а срок действия сессии истек.
2. В случае, если ваше приложение будет прекрасным, чтобы открыть новое окно в формате PDF, вы можете открыть новое окно в браузере и вы можете использовать в Phonegap ChildBrowser, например, для просмотра pdf
3. Я использую для 1 приложения сторонний сервис ex: http://crocdoc.com/, но на самом деле не работает для меня, потому что я загружаю pdf в http://crocdoc.com/ после Я могу просмотреть в приложении, что не на лету
4. Следующая строка для меня использует pdfjs https://github.com/SunboX/st2_pdf_panel. Мне все равно придется играть с перекрестными документами, но это все, что у меня есть.

Если у вас есть реальное решение, которое было бы потрясающе, но эта проблема была для моего времени реализации приложения, но не была уверенна, что является реальным решением в этой ситуации.