使用Primefaces FileUpload和jQuery Mobile p:fileupload没有呈现?

时间:2013-05-04 10:14:54

标签: java jsf jquery-mobile file-upload primefaces

我尝试的内容:我想使用jQuery mobile在JSF页面上传Primefaces FileUpload Tag的图片。此方面仅适用于desktopbrowser,但也应该与其他页面类似。问题:总是当我从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控制器有另一个想法,那对我来说将是一个很好的解决方案。

1 个答案:

答案 0 :(得分:3)

我找到了一个解决方案 - 不是那么好但是没关系..我使用iframe和uploadForm.xhtml(其中带有来自primefaces的upload-tag的普通表单)作为源代码和我的常规upload.xhtml页面(用jquery移动CSS)。

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

因此它将显示两者 - jquery移动内容和primefaces上传表单。它并不完美,但它适用于我的桌面应用程序。