这是我的要求。我应该添加一条记录,成功添加并单击“查看”选项卡后,数据表应该刷新,但表保持不变。我正在使用 getter 方法从支持 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 方法。
第一个功能:
function onLoad() {
alert("tab");
var oTable;
oTable = $('#ci_table').dataTable();
oTable.fnClearTable( 0 );
oTable.fnDraw();
}
第二个功能:
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>
但似乎没有任何效果。对此有何建议?