ADF Task Flow re-rendering af:region

Question

Hi,
I am using JDeveloper 11.1.1.1.0.
I have two page fragments, each bound to a task flow, with a parent page fragment pointing to the child fragments using the <af:region> component.
In one of the child fragments, i have a <af:selectOneChoice> with autoSubmit="true". In the other page fragment i have a table which is populated with a ListDataModel.
When a valueChangeEvent occurs in the drop-down, the whole table, including some columns, row data, sort properties and everything is supposed to change, based on the new ListDataModel and a custom POJO, created in the valueChangeListener.
<af:table value="#{sessionScope.AppManager.selectedTableModel}"
                  var="row" id="mainTable" rowSelection="single"
                  emptyText="No rows found"
                  columnStretching="last">
   <af:forEach items="#{sessionScope.AppManager.columnNameDataList}"
                      var="col">
      <af:column sortable="true" sortProperty="#{col.fieldName}"
                       headerText="#{col.displayName}"
                       rendered="#{col.rendered}" width="#{col.columnWidth}"
                       id="c1">
         <af:outputText value="#{row[col.fieldName]}" id="ot2"/>
      </af:column>
   </af:forEach>
</af:table>All of this works quite good, but when I select another value in the drop-down, new data displays in the table, but the table doesn't re-render. So if I have sorted a column in one table, when I switch to another, that column is still sorted, and if the second table doesn't contain that column name, i get an error message saying that this table doesn't contain that property.
My question then is, how can I re-render that region after the valueChangeEvent occurs?

Answer 1

Hmm
I can try to make my question simpler.
Lets say i have a Main.jspx page including two <af:region>. In one of the regions there's an <af:selectOneChoice> with two values. In the other region there's an <af:table>.
The SoC looks like this:
<af:selectOneChoice label="Table:" id="soc1"
                              valueChangeListener="#{EventsBetweenRegionsBean.handleTableSelection}"
                              autoSubmit="true">
   <af:selectItem value="value1" id="si1"/>
   <af:selectItem value="value2" id="si1"/>
</af:selectOneChoice>The table looks like this:
<af:table value="#{sessionScope.AppManager.selectedTableModel}"
              var="row" id="mainTable">
   <af:forEach items="#{sessionScope.AppManager.columnNameDataList}"
                    var="col">
      <af:column sortable="true" sortProperty="#{col.fieldName}"
                       headerText="#{col.displayName}">
         <af:outputText value="#{row[col.fieldName]}"/>
      </af:column>
   </af:forEach>
</af:table>The code for the managed bean that handles the value change:
private void processValueChangeEvent(ValueChangeEvent event) {
        if (event.getNewValue().equals("value1")) {
            // sets the lists required for the table
            appManager.setSelectedTableModel(new ListDataModel(someQueryList));
            appManager.setColumnNameDataList(columnNameDataList);
        } else if (event.getNewValue().equals("value2")) {
            // sets other lists requred
            appManager.setSelectedTableModel(new ListDataModel(someOtherQueryList));
            appManager.setColumnNameDataList(otherColumnNameDataList);
        }ColumnNameData is a POJO containing fieldName, displayName etc, and is used to map the data in the table.
public class ColumnNameData {
    private String fieldName;
    private String displayName;
    public ColumnNameData() {
    public void setFieldName(String fieldName) {
        this.fieldName = fieldName;
    public String getFieldName() {
        return fieldName;
    public void setDisplayName(String displayName) {
        this.displayName = displayName;
    public String getDisplayName() {
        return displayName;
}Lets say the first columnNameDataList (the one for "value1") has 3 ColumnNameData objects and the fieldNames for these are "id", "code" and "name".
The other columnNameDataList only has 2 ColumnNameData objects, with the fields "id" and "code".
So if I choose "value1" in the drop-down, a table with 3 columns appears. Now if I sort the column "name", the sorting gets done and life is good.
But, when I then select "value2", i get an error message saying that the property "name" doesn't exist. I'm obviously no expert, but I'm guessing this happens because the table doesn't re-render when the columnNameDataList changes. As it does in the value change listener.
So, how can i make it re-render when the columnNameDataList changes?
I hope someone understands my problem..
Thanx