我在素数面中有一个p:datatable
,并且我有不同的监听器来选择数据表中的行事件。
我需要确定表中选定的行何时已经选定,我该如何做到这一点?
我需要这个,因为当我选择表中已经选择的行时,我不知道p:blockUI
会运行。
这是我的页面代码:
...
<pe:blockUI autoShow="true"
source="itemsDT"
event="rowSelect"
target=":processTab">
<au:loading />
</pe:blockUI>
<p:dataTable widgetVar="processesTable"
id="itemsDT"
var="item"
value="
{tasksbacking2.availableProcesses}"
selection="#{tasksbacking2.selectedProcess}"
rowKey="#{item.id}"
tableStyleClass="table
table-condensed table-bordered"
resizableColumns="true">
<p:ajax event="rowSelect"
listener="#{tasksbacking2.onClickFillDetails}"
update="@this,:processTab,:menuForm:menuBar" />
...
</p:dataTable>
...
在托管bean上,我有一个监听器:
...
public void onClickFillDetails(SelectEvent event) {
AnoProcess clickedProcess = (AnoProcess) event.getObject();
setSelectedProcess(clickedProcess);
Movement currentMovement = this.getProcessesLastMovement().get(clickedProcess);
if (currentMovement != null && !currentMovement.isViewed()) {
markAsRead(processes);
}
...
}
以下是检查同一行上是否有重复点击的脚本
将此脚本放在p:dataTable
代码下面。
<script type="text/javascript">
var prevRow ;
function checkDupRowClick(){
var currRow = $('tr.ui-widget-content.ui-datatable-selectable[aria-selected="true"]');
if($(currRow).is($(prevRow))){
//selected or clicked same row so return FALSE to prevent p:ajax from executing
return false;
}else{
//selected or clicked different row so return TRUE to allow p:ajax to execute
prevRow = currRow;
return true;
}
}
</script>
AND使用函数作为p:ajax
的返回参数
<p:ajax event="rowSelect" onstart="return checkDupRowClick();" />
如果您需要更多解释,请发表评论。
我认为您需要的是js中的一些函数,并将其应用于onstart中。
就像
<p:ajax event="rowSelect" onstart="???" />