Jsf 2 如何使用带十进制值的Primefaces滑块组件？

我使用的是JSF2.2、Primefaces 4.0，我使用的是来自Primefaces的slider组件

<p:slider displayTemplate="Between {min} and {max}" minValue="20" maxValue="40" step="1"/>

---

谢谢。

由于大多数primefaces小部件都基于Jquery UI小部件，因此请从

中删除

步骤

属性，并将其与

Jquery

一起传递

<p:slider id="slder" displayTemplate="Between {min} and {max}" minValue="20" 
          maxValue="40" />

注意：这个技巧适用于任何基于 jQueryUI小部件

---

根据PrimeFaces文档，步骤必须是整数。为什么不将minValue转换为200，将maxValue转换为400，并在两者之间使用1步呢。然后，当您准备好使用或显示该值时，将其除以10。如果您只需要滑块，则此操作有效。如果还需要p:slider提供的关联文本输入字段，则需要做更多的工作（使文本字段显示并接受十进制分隔符，使十进制分隔符可配置为I18N）。此时，基于jQueryUI从头开始编写JSF组件可能更容易。

<p:slider id="slder" displayTemplate="Between {min} and {max}" minValue="20" 
          maxValue="40" />

       $(window).load(function(){  // should be  $(window).load to load widget
            $('#slder').slider({
                   step: 0.1
                  });
        });