Java 将Primefaces FileUpload与jQuery Mobile一起使用p:FileUpload未呈现?
我的尝试:我想用jQuery mobile在JSF页面上传带有Primefaces FileUpload标记的图片。此面仅在desktopbrowser上可用,但也应具有与其他页面相同的外观。问题是:当我从jquery mobile添加样式表和脚本时,整个表单都不会呈现/不可见。有人知道我怎么解决这个问题吗 标题:Java 将Primefaces FileUpload与jQuery Mobile一起使用p:FileUpload未呈现?,java,jsf,jquery-mobile,file-upload,primefaces,Java,Jsf,Jquery Mobile,File Upload,Primefaces,我的尝试:我想用jQuery mobile在JSF页面上传带有Primefaces FileUpload标记的图片。此面仅在desktopbrowser上可用,但也应具有与其他页面相同的外观。问题是:当我从jquery mobile添加样式表和脚本时,整个表单都不会呈现/不可见。有人知道我怎么解决这个问题吗 标题: <link rel="stylesheet" href="./jquery/jquery.mobile-1.3.1.min.css" /> <scr
<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控制器有另一个想法,那对我来说将是一个很好的解决方案。我找到了一个解决方案-不是很好,但没关系。。我使用了一个带有uploadForm.xhtml的iframe作为源,并在我的常规upload.xhtml页面中使用了jquery移动CSS
因此,它将同时显示jquery移动内容和primefaces上传表单。它并不完美,但适用于我的桌面应用程序
<iframe src="./uploadForm.xhtml" width="100%" height="300" scrolling="auto" border="0" frameborder="0"></iframe>