これが私の要件です。レコードを追加することになっています。追加が成功して「表示」タブをクリックすると、データテーブルは更新されますが、テーブルは変更されません。ゲッター メソッドを使用して、バッキング Bean からデータ テーブルにデータをフェッチしています。
内部データテーブル:
<p:dataTable id="ci_table" value="#{ciConfigBean.ciList}" var="cid" scrollable="true" selectionMode="single" selection="#{ciConfigBean.ciConfigSave}"
rowKey="#{cid.ciConfigId}" editable="true" resizableColumns="true">
onTabChange イベントから呼び出して、javascript メソッドを使用してみました。
第 1 関数:
function onLoad() {
alert("tab");
var oTable;
oTable = $('#ci_table').dataTable();
oTable.fnClearTable( 0 );
oTable.fnDraw();
}
2番目の機能:
var oTable;
$(document).ready(function() {
oTable = $('#ci_table').dataTable({
"bProcessing" : true,
"bServerSide" : true,
"sAjaxSource" : '${request.contextPath}'
+ '/ciConfigBean/getCiList'
});
oTable.fnReloadAjax();
});
タブ変更コード:
<p:tab id="ci" title="CI">
<p:tabView id="insideCi" onTabChange="onLoad()"
activeIndex="#{home.activeInner}">
<p:tab id="ciList" title="CI List">
<ui:include src="ci/ciList.xhtml" />
</p:tab>
<p:tab id="newCi" title="New CI">
<ui:include src="ci/newCi.xhtml" />
</p:tab>
</p:tabView>
</p:tab>
しかし、何も機能していないようです。これに関する提案はありますか?