Delete row in DataTable using JSF2 and Ajax

Question

Hi All,
i am trying to delete a row in a DataTable with an Ajax call.
I have a Bean holding an ArrayList of Articles.
In the UI I iterate through my Articles using dataTable like this:
<fieldset>
       <legend><b>Articles</b></legend>
        <h:dataTable value="#{bean.articles}" var="article" id="articles">
              <h:column>
                   <h:inputText value="#{article.name}"/>
                    <h:commandButton value="delete" action="#{bean.deleteArticle}">
                                  <f:ajax render="articles"/>
                    </h:commandButton>
                </h:column>
          </h:dataTable>
</fieldset>When I click the delete button I want an Ajax call to remove the clicked item from the ArrayList and rerender the View.
I do not understand how I know on the serverside bean which row to remove from the ArrayList.
Is there a way to pass a parameter to the function bean.deleteArticle?
Do you know an example/tutorial for this?
Thank you!

Answer 1

found a solution:
<h:commandButton value="delete" action="#{bean.deleteArticle(article)}">
          <f:ajax render="@form"/>
</h:commandButton>
...bean code:
protected ArrayList<Article> articles;
public void deleteArticle(final Article a){
        articles.remove(a);
...Edited by: halumi on Jul 28, 2010 1:45 PM