jsf中组件更新的函数调用答案

【问题标题】：function call on update of component in jsfjsf中组件更新的函数调用
【发布时间】：2014-03-04 13:20:52
【问题描述】：

我在表单中有一个 Treenode

<h:form id="form">
 <p:panel styleClass="gridTree" id="gridTree" style="overflow:auto">
  <p:tree value="#{permissionsBean.root}" var="node" dynamic="true" cache="true" id="permissionTree" >  
   <p:treeNode>
    <h:outputText value="#{node}"/>  
   </p:treeNode>
  </p:tree> 
 </p:panel>

要固定树的高度并为高度添加滚动条，我正在脚本中更改高度

$(document).ready(function(){
        var windowHeight = $(window).height();
        $('.gridTree').css('height',windowHeight-220+'px');
        $(window).resize(function () {
            windowHeight = $(window).height();
            $('.gridTree').css('height',windowHeight-220+'px');
        });
    });

现在我正在从一个选择菜单update="@form" 的更改事件中更新表单。这将删除在 document.ready 函数中设置的高度。那么如何调用一个javascript函数来设置组件更新时树的高度呢？

【问题讨论】：

标签： jquery jsf-2 primefaces

【解决方案1】：

我不知道它是否正确，但如果我在 JSF 中使用 ui 组件的“onchange”属性来调用我的调整大小功能。我尝试使用 jQuery 更改功能，但它不起作用。

         <p:selectOneMenu id="categoryName" value="#{permissionsBean.permissions.category}"  >
                <f:selectItem itemLabel="Select" itemValue="0" />
                <f:selectItems value="#{permissionsBean.permission}" var="perm" itemLabel="#{perm.category}" itemValue="#{perm.category}"/>
                <p:ajax event="change" update="msgs picklist @form"   listener="#{permissionsBean.handleCategoryChange}" oncomplete="resizeComp();"/>
        </p:selectOneMenu>

【讨论】：

【解决方案2】：

尝试使用 jquery 表单事件。

$("select,input,textarea").change(function()
{
//call your resize function
}

【讨论】：