在更新和渲染复合组件后执行 javascript = "true"

Question

我制作了一个由函数渲染的复合组件：

$(document).ready(function() {
   ...
}

当我一开始加载页面时一切正常，但是当我添加属性 rendered="true|false" 并想切换此组件时 on 和 off 这让我很麻烦，因为 $(document).ready(function() 没有调用。

我如何从复合组件本身检测到它正在重新加载并且 rendered 属性设置为 true（我认为最后一个应该类似于 #{cc.rendered}

提前谢谢你。

Answer 1

将内联 <script>（或 <h:outputScript>）添加到应该执行所需功能的复合条件渲染部分的底部。

<cc:implementation>
    <ui:fragment rendered="#{someCondition}">
        ...
        <script>someFunction();</script>
    </ui:fragment>
</cc:implementation>

如有必要，该函数可以依次委托给 $(document).ready()。

在更新和渲染复合组件后执行 javascript = "true"

Execute javascript after composite component has been updated and rendered = "true"

jsf

composite-component

jsf-2