首页 > 解决方案 > 在primefaces中使用jquery在accordionPanel中获取活动标签ID(collibsable)

问题描述

目标: 我需要检查选项卡内的表单字段是否有任何变化。

方法: 我将在输入字段的值更改上调用 Jquery 方法,并更新特定可折叠对象内隐藏字段的值。

挑战: 我在获取隐藏字段的 id 和发生表单更改的 collipsable 的 id 方面面临挑战。

示例代码:

XHTML

<p:accordionPanel id="FacilityAccordId" activeIndex="null"
        dynamic="true">
        <p:ajax event="tabChange" listener="#{facilities.saveClicked}" />
        <p:tab id="priortabId" title="Prior Sanction/Review Info">
                <p:panel id="priorPanelId" header="Prior Sanction/Review Info">
                <h:inputHidden id="reviewHidden" value="#{facilities.hiddenReview}"></h:inputHidden>

<p:inputText value="#{facilities.sanctAuth }" styleClass="textbox" id="psrSanctAID"  />
                                    <label><h:outputText value="Sanction Authority" /> </label>
</p:panel>


        </p:tab>

</p:accordionPanel>

查询:

$(document).ready(function() {
  // alert('mkm');
   jQuery(document.body).on('change', 'input', function(event) {
      // alert('chnage called12');
       //var active = $('.selector').accordion('option', 'active');
      // alert("value::::"+active);
       var data=$('#reviewHidden').val();
       $('#reviewHidden').val('true');
    });
});

请帮助实现目标并建议您是否有任何方法可以在 Primefaces 中进行自动保存。

标签: jqueryjsfprimefaces

解决方案


推荐阅读