使用h:commandButton切换rich:dataScroller

时间:2012-11-16 19:48:56

标签: xhtml richfaces

是否有人使用commandButton来打开和关闭rich:dataScroller?我是否需要创建一个bean来跟踪rich:dataScroller是否处于活动状态,并使commandButton的操作切换到bean?

1 个答案:

答案 0 :(得分:0)

开/关是什么意思?这意味着显示/隐藏吗?如果是这样,你可以做这样的事情。 假设您有下表,表格下方有datascrollercommandButton

<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>

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

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

或者您可以使用rendered的{​​{1}}属性根据bean属性进行渲染。