f:ajax 不会被事件“change”触发

Question

代码：

<h:inputText id="date" value="#{holidayRequestController.dates}">
                    <f:ajax execute="date" event="change"
                        listener="#{holidayRequestController.generateDates}"
                        render="generateDate" />
</h:inputText>
<h:panelGroup id="generateDate" class="span8"> ..</h:panelGroup>

当我使用日期选择器从 h:inputText 中选择日期时，使用此代码，f:ajax 将触发事件并将此日期填充到 generateDate 组件。 但是当我更改为 multiDatePicker 时，f:ajax 不会用事件“change”触发（虽然它适用于事件“blur”，但我在使用“blur”时遇到了一些问题）。 如何为 multiDatePicker 使用事件“更改”？ 另一个问题：jsf 中的标签 h:inputHidden 是否支持 f:ajax？

感谢支持

Answer 1

如果change 事件实际上没有被触发，就会发生这种情况。如果输入元素的值仅通过 JavaScript 而不是通过最终用户交互操作，则反过来可能会发生这种情况。

基本上，当 JavaScript 通过 element.value = newValue 操作值时，并且您希望触发 change 事件，那么 JavaScript 应该在被操作的输入元素上显式调用 element.change()。

根据$.multiDatesPicker documentation，您可以使用onSelect 选项在选择时挂钩函数。在该函数中，您可以调用element.change()。因此，给定如下输入：

<h:inputText ... styleClass="multi-dates" />

那么你可以如下实现：

$(".multi-dates").multiDatesPicker({
    onSelect: function() {
        $(this).change();
    }
});