xhtml - 使用 h:commandButton 切换 rich:dataScroller

Question

有没有人用acommandButton来rich:dataScroller打开和关闭？我是否需要制作一个 bean 来跟踪 bean 是否rich:dataScroller处于活动状态并执行 bean 的操作commandButton来切换 bean？

Answer 1

你说的开/关是什么意思？这是否意味着显示/隐藏？如果是这样，你可以做这样的事情。假设您有下表，其下方有 adatascroller和 a commandButton。

<h:form>
     <rich:dataTable var="_usr" value="#{myBean.users}" rows="5">
        <rich:column>
          #{_usr.userName}
        </rich:column>
        <f:facet name="footer">
          <rich:datascroller id="myScroller" />
        </f:facet>
     </rich:dataTable>
     <a4j:commandButton value="Show/Hide" onclick="toggleScroller(#{rich:element('myScroller')});"/>
</h:form>

显示/隐藏的javascript函数datascroller如下。

<script>
  function toggleScroller(scroller) {
      if(scroller.style.display == 'none') {
          scroller.style.display = ''
        } else {
            scroller.style.display = 'none'
        }
    }
</script>

或者您可以使用 的rendered属性<rich:datascroller>根据 bean 属性来呈现它。