【问题标题】:Datatable multiple checkbox selection - modify selection header数据表多个复选框选择 - 修改选择标题
【发布时间】:2012-10-01 21:59:18
【问题描述】:

我有多个复选框选择的数据表(PF 3.3.1)。我已经定义了列:

<p:column selectionMode="multiple"/>

我想在标题中添加一些文本或图标,我尝试使用headerText 列属性和构面:

<f:facet name="header">
    <h:outputText value="Header text" />
</f:facet>

但它不起作用。 可以修改复选框选择列的标题吗?

【问题讨论】:

  • &lt;p:column selectionMode="multiple" headerText="hello"/&gt; 怎么样?
  • 好像 pf 不支持这个功能,你总是可以用 jquery 来实现(用文本添加一些 span)

标签: jsf primefaces


【解决方案1】:

如果您非常想要该功能并且不介意使用 jquery,您可以执行类似的操作

我在primefaces shocase 上对其进行了测试,它可以正常工作(在控制台上运行这些命令)

$("<span class='someClass'>Hellow</span>").insertAfter($('#form\\:multiCars thead tr:eq(2) th').find('.ui-chkbox-box'))

注意#form\\:multiCars 应该用你的表ID来改变

tr:eq(2) 指的是表格中的第三行,因为在展示中带有标题的行是第三行

要更改您可以使用的选择列的宽度

$($('#form\\:multiCars thead tr:eq(2) th')[0]).css('width',100)

我知道它很丑,但它确实有效:)

您还必须在每次 ajax 渲染表格后运行此脚本

【讨论】:

    猜你喜欢
    • 2012-08-30
    • 2021-06-06
    • 1970-01-01
    • 2013-06-23
    • 2011-03-12
    • 1970-01-01
    • 1970-01-01
    • 2017-01-04
    • 1970-01-01
    相关资源
    最近更新 更多