如何从<p:slider> </p:slider>获取非整数值

时间:2014-02-07 13:00:04

标签: jsf-2 primefaces slider

我正试图从primefaces滑块获取 Float 值。但是,它似乎不支持非整数值。

我尝试设置step - attribute,没有改进。

这是我的JSF代码:

<h:panelGrid>
    <h:panelGrid columns="2" style="margin-bottom:10px">
    <p:outputLabel value="Interest Rate : "/>
    <p:inputText id="intVal" value="#{primeSlider.interest}">
      <f:convertNumber minFractionDigits="2" />
    </p:inputText>

    </h:panelGrid>  

    <p:slider id="interestSlider" for="intVal" minValue="5" maxValue="25" step="1" style="width:500px;" />
</h:panelGrid>

有可能从primefaces滑块获取Non-Integer float,double之类的值吗?

如果是的话,怎么做?

1 个答案:

答案 0 :(得分:2)

自己处理滑块并不复杂。请查看以下示例代码:

<h:form id="form">          
    <h:panelGrid>
        <p:inputText id="intVal" value="#{primeSlider.interest}" widgetVar="iVar">
            <f:convertNumber minFractionDigits="2" />
        </p:inputText>
        <div id="slider"></div>
        <script>
            $(function() {
                jQuery("#slider").slider({
                    range: "min",
                    value: 37,
                    step: 0.25,
                    min: 1,
                    max: 700,
                    slide: function(event, ui) {
                        jQuery(iVar.jqId).val(ui.value);
                    }
                });
                jQuery(iVar.jqId).val(jQuery("#slider").slider("value"));
            });
        </script>

        <p:commandButton value="Send" />
    </h:panelGrid>
    <p:outputPanel autoUpdate="true">
        #{primeSlider.interest}
    </p:outputPanel>
</h:form>