简体   繁体   English

多 select 的 p:dataTable rowSelect 事件不会触发

[英]p:dataTable rowSelect event with multi select doesn't fire

I have p:datatable as我有 p:datatable 作为

 <p:dataTable id="tasktable" rows="5"  paginator="true" paginatorPosition="bottom" rowsPerPageTemplate="5,10,25" editable="true" editMode="row" reflow="true"
         value="#{taskBean.taskList}" selectionMode="multiple" binding="#{table}" rowKey="#{currentrow[0]}" selection="#{taskBean.selectedTaskList}" var="currentrow"}">

<p:column headerText="Select" id="checkboxSelect" selectionMode="multiple" styleClass='text-md-center com-wdth-5 white'>

</p:column>

<f:facet name="header">
    <div>
        <p:commandButton id="toggler" type="button" value="Select Columns" icon="ui-icon-calculator" styleClass="btn ad-btn-danger padd mr-b0"/>
        <p:columnToggler datasource="tasktable" trigger="toggler" />
    </div>
</f:facet>
<p:column id="sno" styleClass="com-wdth-5">
    <f:facet name="header"> #{msg['CHSN']} </f:facet> 
    <h:outputLabel value="#{table.rowIndex + 1}"/>  
</p:column>
.
.
.
 <p:ajax event="rowSelect" listener="#{taskBean.onRowSelect}" update="@form"/>
</p:dataTable>

With event="rowSelect" and selectionMode multiple, With backing bean code as使用event="rowSelect"和 selectionMode 多个,使用支持 bean 代码作为

public void onRowSelect(SelectEvent event) {

    System.out.println("selectedTaskList = "+selectedTaskList.size());
}

But this rowSelect is never fired and checkbox are not selectable , but if I remove selectionMode="multiple" from p:dataTable, selection enables but still event is not fired.但是这个 rowSelect永远不会被触发并且复选框不是selectable ,但是如果我从 p:dataTable中删除selectionMode="multiple" ,选择启用但仍然不会触发事件。 And selectedTaskList is just an arrayList defined globally as: private List selectedTaskList = new ArrayList<>();而 selectedTaskList 只是一个 arrayList 全局定义为: private List selectedTaskList = new ArrayList<>();

I was missing other p:dataTable events.我错过了其他 p:dataTable 事件。 I rectified it using these events我使用这些事件对其进行了纠正

<p:ajax event="rowSelect" listener="#{taskBean.onRowSelect}" update="@this taskToolbar" />
<p:ajax event="rowUnselect" listener="#{taskBean.onRowUnselect}" update="@this taskToolbar" />
<p:ajax event="rowSelectCheckbox" listener="#{taskBean.onRowSelect}" update="@this taskToolbar" />
<p:ajax event="rowUnselectCheckbox" listener="#{taskBean.onRowUnselect}" update="@this taskToolbar" />
<p:ajax event="toggleSelect" process="@this" update="@this taskToolbar" listener="#{taskBean.onAllRowSelect}"/>

And My Backing Bean Code还有我的支持 Bean 代码

public void onRowSelect(SelectEvent event) {
        displayTag();
    }

    public void onRowUnselect(UnselectEvent event) {
        displayTag();
    }

    public void onAllRowSelect(AjaxBehaviorEvent event) {
        displayTag();
    }

    public void displayTag() {
        if (selectedTaskList != null && !selectedTaskList.isEmpty()) {
            hideTag = true;
        } else {
            hideTag = false;
        }
    }

Where selectedTaskList is the list in which I am saving selected rows of table其中 selectedTaskList 是我保存选定表行的列表

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM