アプリケーションにJSF2.0、リッチフェイス4.2.2、Tomcat 6.0.35を使用しています。ページの 1 つに、「tablelist」と「tablecontent」の 2 つの rich:extendedDataTable コンポーネントがあります。tablelist データテーブルの行をクリックすると、ajax 呼び出しが行われ、tablecontent データテーブルがレンダリングされます。問題は、レンダリングされたデータテーブルが編集できないことです。つまり、行を選択したり、クリックなどの他の操作を実行したりできません。
以下はコードです:
<h:panelGrid columns="2" cellspacing="0" >
<rich:extendedDataTable value="#{tableBean.tableList}" var="o" id="table1" iterationStatusVar="it" style="width:200px;height:400px;" onrowclick="select('#{o.name}');"
<f:facet name="header">
<h:outputText value="Table List" style="align:left;"></h:outputText>
</f:facet>
<rich:column width="199px" id="tablist" >
<h:outputText value="#{o.name}"/>
</rich:column>
</rich:extendedDataTable>
<rich:extendedDataTable value="#{tableBean.rows}" var="r" id="tableHum" iterationStatusVar="it" style="width:400px;height:400px;" >
<f:facet name="header">
<h:outputText value="Table content" style="align:left;"></h:outputText>
</f:facet>
<c:forEach items="#{tableBean.columns}" var="c" varStatus="i">
<rich:column >
<f:facet name="header">
<h:outputText value="#{c}" />
</f:facet>
<h:outputText value="#{r[i.index]}" style="align:center;"/>
</rich:column>
</c:forEach>
</rich:extendedDataTable>
</h:panelGrid>
<a4j:jsFunction name="select" action="#{tableBean.getTableData}" render="tableHum" execute="@this" status="tableDataStatus" >
<a4j:param name="param1" assignTo="#{tableBean.tableName}" />
</a4j:jsFunction>
</h:form>
</h:body>
誰でもアイデアがありますか?