Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jsf-2/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Primefaces Mobile中的日历_Mobile_Jsf 2_Calendar_Primefaces - Fatal编程技术网

Primefaces Mobile中的日历

Primefaces Mobile中的日历,mobile,jsf-2,calendar,primefaces,Mobile,Jsf 2,Calendar,Primefaces,我正在考虑在Primefaces Mobile中使用“日历”组件选择日期: 日历弹出,但看起来很奇怪。它以透明的方式重叠页面内容 这个问题有解决办法吗?还是一种让它在对话框中正确弹出的方法?也许将另一个框架与Primefaces相结合 顺便说一下,这个对话框在Primefaces Mobile中似乎不太适用 谢谢Primefaces Mobile确实很棒,还在开发中,但它没有实现像“datebox”这样的Jquery移动扩展。我想办法把两者结合起来。我在JSF页面的标题中包含了jquery d

我正在考虑在Primefaces Mobile中使用“日历”组件选择日期:
日历弹出,但看起来很奇怪。它以透明的方式重叠页面内容

这个问题有解决办法吗?还是一种让它在对话框中正确弹出的方法?也许将另一个框架与Primefaces相结合

顺便说一下,这个对话框在Primefaces Mobile中似乎不太适用


谢谢

Primefaces Mobile确实很棒,还在开发中,但它没有实现像“datebox”这样的Jquery移动扩展。我想办法把两者结合起来。我在JSF页面的标题中包含了jquery datebox库(请参阅):


日期:
持续时间:
datepicker工作正常,但pm视图内外的滑块(参见代码)都像正常输入一样显示

有什么建议吗?谢谢

PS:@administrator:需要一个新标签:“Primefaces mobile”

<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:pm="http://primefaces.prime.com.tr/mobile"
        xmlns:p="http://primefaces.prime.com.tr/ui"
        contentType="text/html">

    <pm:page title="Faces">

        <f:facet name="postinit">            
            <h:outputStylesheet library="css" name="jquery.mobile-1.0b3.min.css" />
            <h:outputStylesheet library="css" name="jquery.mobile.datebox.min.css" />            
            <h:outputScript library="primefaces" name="mobile/mobile.js" />
            <h:outputScript library="js" name="jquery.mobile.datebox.min.js" />
        </f:facet>

        <!-- Main View -->
        <pm:view id="main" swatch="b">
             <pm:header title="Hello">
                <f:facet name="left">
                    <pm:button value="Back" icon="back" role="back"/>
                </f:facet>
            </pm:header>

            <pm:content>
                <h:form id="myform">
                    <h:outputText value="Input: " />
                    <h:inputText id="input" />                    
                </h:form>                
            </pm:content>

            <label for="mydate">Date: </label>                                                                           
            <input name="mydate" id="mydate" type="date" data-role="datebox" value="#{mybean.date}" 
                   data-options='{"mode": "calbox"}' />

            <div data-role="fieldcontain">
                    <label for="slider">Duration: </label>
                    <input type="range" name="slider" id="slider" 
                           value="#{mybean.duration}" min="1" max="10"  />
            </div>

            <pm:content>
                <h:form id="Form">
               <pm:field>
                    <h:outputLabel for="duration" value="duration: "/>
                    <pm:slider id="duration" min="1" max="10" value="#{mybean.duration}"/>
                </pm:field>
              </h:form>  
            </pm:content>

        </pm:view>
     </pm:page>

</f:view>