1

Sencha touch2 で奇妙な状況が発生しました。

このフレームワークで PDF ファイルの読み取りと表示に問題があります。これについては sencha forum/google .etc で読みましたが、本当の解決策は見つかりませんでした。

PDFのURLを含むJSONオブジェクトフィードがあります（PDFはローカルではありません）。

私がこれを試したこと：

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

    スクロールの問題があります。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>

私はGoogleのアイデアが好きでしたが、理由もなく私のiPadでは機能しませんでした.PDFを読みたい場合は、Googleにログインする必要があると思います.


PS: sencha パネルで HTML として設定したこれら 3 つのメソッドすべて:

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

誰かがPDFファイルを表示するための解決策または回避策を見つけましたか?

助けてくれてありがとう!!!!!

4

2 に答える 2

1

私が使用している、または使用する予定の代替案をいくつか見つけました。

  1. Google PDFビューアhttps://docs.google.com/viewer、これは私には完璧ではなく、ログインしてセッションの有効期限が切れるとセッションの問題が発生します
  2. アプリでPDFの新しいウィンドウを開くことができる場合は、ブラウザーバージョンで新しいウィンドウを開くことができ、たとえばPhonegapChildBrowserでPDFを表示するために使用できます。
  3. 私は1つのアプリにサードパーティのサービスを使用していました。例：http ：//crocdoc.com/ですが、実際には機能しません。プレビューできるようになったら、 http ：//crocdoc.com/にPDFをアップロードする必要があります。その場ではないアプリで
  4. 次は、pdfjshttps://github.com/SunboX/st2_pdf_panelを使用しています。クロスドメインドキュメントで遊ぶ必要がありますが、これですべてです。

あなたが素晴らしい解決策を持っているが、この問題は私のアプリの実装時間の無駄であり、この状況でどちらが本当の解決策であるかはわかりません。

于 2012-10-08T17:28:57.943 に答える
0

はい、以下の例を使用して、senchatouch-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'
            }
        ]
    });
于 2012-08-19T08:14:55.413 に答える