xhtml - h:commandButton を使用して、rich:dataScroller を切り替えます

Question

を使用してオンとオフcommandButtonを切り替えた人はいますか? がアクティブかrich:dataScrollerどうかを追跡する Bean を作成し、Beanを切り替えるアクションを作成する必要がありますか?rich:dataScrollercommandButton

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 プロパティに従ってレンダリングすることもできます。