f：hのAjaxリスナーが起動しません：selectBooleanCheckbox

Question

コントローラでイベントが発生しません。これがコードです。

ビュー：

<ui:repeat var="operation" value="#{trade.operationsSortList}"> 
    <tr class="operations"> 
     <th class="empty_cell"></th> 
     <td id="operation" class="operation_cell color">#{operation.operation}</td> 
     <td class="color">#{operation.time}</td> 
     <td class="color">#{operation.coment}</td> 
     <td class="color"> 
      <h:form> 
       <h:selectBooleanCheckbox> 
       <f:ajax event="click" listener="#{controller.onDelete}" /> 
       <f:attribute name="trade" value="#{trade}" /> 
       </h:selectBooleanCheckbox> 
      </h:form> 
     </td> 
    </tr> 
</ui:repeat> 

コントローラー：事前に

@ManagedBean 
@RequestScoped 
public class Controller 
{ 
    private ArrayList trades; 
    ..... 
    ..... 

    public void onDelete(AjaxBehaviorEvent event) { 
    Trade trade = (Trade) event.getComponent().getAttributes().get("trade"); 
    } 
} 

ありがとう！

REDIT：

私はこの作業を得たが、私はテーブルを持っているので、私はまだ問題を抱えているので、私はformタグ内のテーブルをラップする必要があるので、私はformタグでビュー全体を囲みます。私の目標は、クリックしたチェックボックスをサーバーに送信することです！要求はサーバーに送信されますが、リスナーは呼び出されません。 javascriptイベントが呼び出されます。これはコードです：

VIEW：

<h:form> 
       <table id="trades"> 
        <th class="image_cell"></th> 
        <th>Type</th> 
        <th>Portfolio</th> 
         <ui:repeat var="trade" value="#{controller.errorTrades}"> 
          <tr class="trade error"> 
           <td class="image_cell error"><h:graphicImage styleClass="expandable" url="resources/images/plus.png"></h:graphicImage></td> 
           <td id="type" class="error">#{trade.type}</td> 
           <td class="error">#{trade.portfolio}</td> 
          </tr> 
          <tr class="operations"> 
           <td id="#{trade.murexId}" class="operation_row" colspan="4"> 
             <table id="operations"> 
              <tr class="header"> 
               <th class="empty_cell"></th> 
               <th class="operation_cell">Operation</th> 
               <th>Time Transaction</th> 
               <th>Comment</th> 
               <th id="delete">Delete</th> 
              </tr> 
              <ui:repeat var="operation" value="#{trade.operationsSortList}"> 
               <tr class="operation"> 
                <th class="empty_cell"></th> 
                <td id="operation" class="operation_cell color">#{operation.operation}</td> 
                <td class="color">#{operation.time}</td> 
                <td class="color">#{operation.coment}</td> 
                <td class="color checkbox"> 
                 <h:selectBooleanCheckbox title="delete"> 
                  <f:ajax execute="@this" event="click" listener="#{controller.onDelete}" onevent="onDeleteProcess" /> 
                  <f:attribute name="murexId" value="#{trade.murexId}" /> 
                  <f:attribute name="operationId" value="#{operation.id}" /> 
                 </h:selectBooleanCheckbox>            
                </td> 
               </tr> 
              </ui:repeat> 
             </table> 
           </td> 
          </tr> 
         </ui:repeat> 
       </table> 
      </h:form> 

CONTROLLER：

@ViewScoped 
public class Controller 
{ 
    private ArrayList trades; 
    private ArrayList errorTrades = new ArrayList(); 

    .......code 

    public boolean onDelete(AjaxBehaviorEvent event) 
    { 
     long murexId = 0; 
     BigDecimal operationId = null; 
     boolean result = false; 
     Trade trade; 
     Iterator itop; 
     Operation operation; 
     ......code 

     return true; 
    } 
} 

私はこの問題を解決することは非常に重要です。

ありがとうございます！

Answer 1

ソリューションへの途中でいくつかのコメント：

あなたはui:repeat内のHTMLテーブルの行を持っています。この目的でh:dataTableを使用する必要があります。

h:selectBooleanCheckboxには、value属性がありません。アクションメソッドを呼び出す場合は、h:commandLinkまたはh:commandButtonを使用してください。そして、あなたはf:attributeを必要としないだろうし、このような何か行うことができます：

<h:commandLink value="Delete" action="#{controller.delete(trade)}"/> 

そして、あなたのバッキングBean内：

public void delete(Trade trade) { 
// delete action 
} 

さらにあなたは、各行に1つのフォームを持っているし。たぶんテーブルの周りに別のラッピングフォームがあります。これは有効ではなく予期しない動作の原因となります。 ajaxを使用している場合は、テーブルの周りに1つのフォームしか使用せず、好きな部分をレンダー/実行することができます。