【问题标题】:Primefaces data table Row selection and multiple checkbox selection not workingPrimefaces数据表行选择和多个复选框选择不起作用
【发布时间】:2013-06-23 03:07:17
【问题描述】:

我正在使用primeface 3.5,在那里我找到了复选框来选择和取消选择或行选择完全独立地工作。虽然我尝试同时选择行选择和复选框选择,但未触发行选择事件。谁能帮我澄清一下?

行选择不起作用,您检查所有事件是否正常

<p:dataTable id="myBookDTable" var="car" value="#{myBean.pageViews}" paginatorPosition="bottom" paginator="true" rows="30" scrollable="true" scrollHeight="400" scrollRows="30" paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}" rowsPerPageTemplate="30,50,100"rowKey="#{car.carID}" rowIndexVar="rowIndex" draggableColumns="true" lazy="true">

<p:ajax event="rowSelect" listener="#{myBean.onRowSelect}" update="certainpart"
                                async="true"/>
<p:ajax event="rowSelectCheckbox" listener="#{myBean.rowSelectCheckbox}"/>
<p:ajax event="rowUnselectCheckbox" listener="#{myBean.rowUnselectCheckbox}"/>

<p:ajax event="rowUnselect" listener="#{myBean.rowUnselect}"/>

<p:column  width="30" selectionMode="multiple" style="width:2%" />

</p:datatable>

【问题讨论】:

  • 你遇到了什么问题?
  • 请发布您的代码和您面临的确切问题
  • 您确定只有在同时使用它们时才会出现问题吗?
  • @LiranElisha : 是的,我只在同时使用这两种方法时才会遇到问题

标签: jsf-2 primefaces


【解决方案1】:

对于列标题事件,我们在 primeface/jsf 中存在不同的标题名称: “切换选择”。 你可以这样使用:

<p:ajax event="toggleSelect" update="@this" process="@this" />

【讨论】:

  • 这很好,但是我如何才能知道我是做了“selectAll”还是“unselectAll”?
【解决方案2】:

在您的datatable 标签中, 使用这个

   <p:ajax event="rowSelectCheckbox" update="someComponent" />
  <p:ajax event="rowUnselectCheckbox" update="someComponent" />
  <p:ajax event="rowSelect" update="someComponent" />
  <p:ajax event="rowUnselect" update="someCompoent" />
  <p:column selectionMode="multiple" style="width:4%" />

您需要触发这四个 ajax 事件并确保将列 selectionMode 设为 multiple

【讨论】:

  • 当您选择单个行时有效 - 而不是当您选择列标题复选框时!
【解决方案3】:

试试这个:

<p:ajax event="toggleSelect" update=":form:component" partialSubmit="true" />

来源:

PrimeFaces 4.0 用户指南。- Ajax 行为事件

【讨论】:

    猜你喜欢
    • 2012-08-16
    • 2014-10-14
    • 2015-06-05
    • 2012-12-14
    • 2017-10-02
    • 1970-01-01
    • 2012-08-30
    • 2013-10-29
    • 2015-05-22
    相关资源
    最近更新 更多