如何检测primefaces日历元素的变化

How to detect changes in primefaces calendar element?

本文关键字:日历 元素 变化 primefaces 何检测 检测      更新时间:2023-09-26

我在表单中检测未保存的数据,以便在用户离开页面时发出警告。到目前为止,这适用于除primefaces日历元素之外的所有元素。

目前,我的方法与这个答案有关。但这对日历元素不起作用。我发现更改侦听器通常不适用于编程设置的值。也许这就是我问题的原因。因此,我尝试实现我自己非常简单的"更改侦听器",将一个点击并模糊的侦听器注册到我的所有日历元素中。在点击监听器中,我临时保存日历元素的当前值。在模糊侦听器中,我将保存的值与当前值进行比较。但这种方法不起作用,因为我无法在blur监听器中获得日历元素的更改值。我试图通过几种方式获得价值:

$(this).val();
this.value;
$(this).html();
$(this).attr('value');

但在每种情况下,我都会得到旧的价值观。所以我认为"简单的改变监听器"的方法不起作用。

我的素数面版本是3.4.2。

JSF实现(可能不相关)是:Mojarra 2.1.6

我对素数面一无所知,但它使用的是jquery ui日历。因此,您可以使用它的onSelect选项来检测更改。

$('.hasDatepicker').each(function() {
  var onSelect = $(this).datepicker('option', 'onSelect');
  $(this).datepicker('option', 'onSelect', function() {
    // some change happend here, set your flag that the form is dirty e.g.
    setConfirmUnload(true);
    // we call the original onSelect to not break the primefaces ajax change event
    if(onSelect) { return onSelect.apply(this, arguments); }
  });
});