java - Using Primefaces FileUpload with jQuery Mobile p:fileupload not rendered? -
what try: want upload pictures primefaces fileupload tag in jsf page jquery mobile. side available on desktopbrowser should have other pages. problem: when add stylesheet jquery mobile , script - whole form won't rendered/isn't visible. know how can fix this?
header:
<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"/>
content area 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>
edit: if have idea how can upload image jsf controller file solution me.
i found solution - not it's okay.. used iframe uploadform.xhtml (where normal form upload-tag primefaces is) source , in regular upload.xhtml page (with jquery mobile css).
<iframe src="./uploadform.xhtml" width="100%" height="300" scrolling="auto" border="0" frameborder="0"></iframe>
so display both - jquery mobile things , primefaces upload form. it's not perfect works desktop application.
Comments
Post a Comment