2

私が試したこと: jQuery モバイルを使用して JSF ページに Primefaces FileUpload タグを使用して写真をアップロードしたいと考えています。この面はデスクトップ ブラウザでのみ利用できますが、他のページと同様の外観にする必要があります。問題: jquery mobile とスクリプトからスタイルシートを追加すると、常にフォーム全体がレンダリングされない/表示されません。誰かがこれを修正する方法を知っていますか?

ヘッダ：

    <link rel="stylesheet" href="./jquery/jquery.mobile-1.3.1.min.css" />
    <script type="text/javascript" src="./jquery/jquery.js"></script>
    <script type="text/javascript" src="./jquery/jquery.mobile-1.3.1.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes"/>

jQuery Mobile のコンテンツ領域

        <div id="content" data-role="content">   
            <h:form enctype="multipart/form-data">
                <p:fileUpload fileUploadListener="#{fileUploadController.handleFileUpload}"
                              mode="advanced" 
                              update="messages"
                              sizeLimit="100000" 
                              allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />

                <p:growl id="messages" showDetail="true"/>

            </h:form>
        </div>

編集: JSFコントローラーに画像をファイルとしてアップロードする方法が他にある場合は、それが良い解決策になります。

4

1 に答える 1

3

解決策を見つけました-それほど良くはありませんが、大丈夫です..ソースとしてuploadForm.xhtml（primefacesからのアップロードタグを含む通常のフォーム）でiframeを使用し、通常のupload.xhtmlページ（jqueryを使用）で使用しましたモバイル CSS)。 

<iframe src="./uploadForm.xhtml" width="100%" height="300" scrolling="auto" border="0" frameborder="0"></iframe>

そのため、jquery mobile things と primefaces アップロード フォームの両方が表示されます。完璧ではありませんが、私のデスクトップ アプリケーションでは機能します。

于 2013-05-04T11:57:39.370 に答える