jsf-2 - 数秒間rich：datatableに行を追加する（通知）

Question

私はrichFaces（rich：dataTable）を使用しています。いくつかの行を削除してから、新しい行（広告の後）として数秒間通知を表示する必要があります。その後、その行（通知付きの行）が消えます。

JSFでは、テーブルに一意のIDまたは名前を付けることができないため、DOMでそれを見つける方法がわかりません。たぶん、jQueryの行コードを追加できます。

Answer 1

私が述べたように、あなたはこのようなことをすることができます：

<h:form id="myForm">
    <h:dataTable id="dtMyData" value="#{bean.lstData}" var="data">
        <!-- column definitions -->
    </h:dataTable>
</h:form>

レンダリングされるHTMLは次のようになります

<form id="myForm">
    <table id="myForm:dtMyData">
        <!-- rows auto generated -->
    </table>
</form>

そして、最も単純なJSを使用してDOMで見つけることができます

document.getElementById('myForm:dtMyData')

また、<rich:dataTable>代わりにタグコンポーネントを使用することもでき<h:dataTable>、問題はありません。

JavaScript / jQueryを使用して独自に行を「削除」するか、リスト内の項目を削除し、<a4j:commandButton render="dtMyData">（コマンドボタンの代わりに）を使用してデータテーブルを再レンダリングすることができます<a4j:commandLink>。

ajaxアクションを実行した後にユーザーにメッセージを表示するには、次のrichfacesコードを使用できます。

<a4j:status onstop="Richfaces.showModalPanel('mdpMessage')" />
<rich:modalPanel id="mdpMessage" resizeable="false" zindex="5000"
        minHeight="30" minWidth="10" height="70" width="150">
        <f:facet name="header">
            <h:outputText value="Operation Results" />
        </f:facet>
        <h:outputText value="Messages" />
        <!-- you can add your h:messages here -->
        <a4j:commandButton value="Close"
            onclick="Richfaces.hideModalPanel('mdpMessage')" />
</rich:modalPanel>