我在primefaces中有一个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);
}
...
}
答案 0 :(得分:2)
这是检查同一行上的重复点击的脚本
将此脚本放在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>
使用函数作为p:ajax
<p:ajax event="rowSelect" onstart="return checkDupRowClick();" />
如果您需要更多解释,请发表评论。
答案 1 :(得分:1)
我认为你需要的是js中的一些功能,并在onstart中应用它。
像那样<p:ajax event="rowSelect" onstart="???" />