如何定义 Primefaces 滑块组件的“onSlide”回调函数？答案

【问题标题】：How to Define 'onSlide' Callback Function of Primefaces Slider Component?如何定义 Primefaces 滑块组件的“onSlide”回调函数？
【发布时间】：2017-05-12 08:03:23
【问题描述】：

我有一个 primefaces 滑块组件

<h:inputHidden id="animhidden"/>
<p:slider widgetVar="animslide" onSlide="slideAnimation()" for="animhidden" />

我定义了slideAnimation 函数，它在我移动滑块时被调用。但是当我用PF('animslide').getValue() 或$('#animhidden').val() 得到当前值时，它们得到的是以前的值，而不是滑块的新值。

那么，我应该如何定义slideAnimation函数并使用javascript获取滑块的新值？

【问题讨论】：

尝试在<p:slider>组件的onSlideEnd客户端事件处理程序中读取它。

标签： javascript jsf primefaces jsf-2

【解决方案1】：

在 primefaces 文档中，onSlideEnd 函数定义如下。我为onSlide 尝试了相同的功能，它起作用了。以下是寻找相同问题的人的方法：

<p:slider widgetVar="animslide" onSlide="slideAnimation(event, ui)" for="animhidden" />

function slideAnimation(event, ui) {
            console.log(ui.value);
}

您也可以使用 -> PF('animslide').setValue(value) 设置值

【讨论】：