如何在数据表列标题的过滤器框中添加占位符文本 [英] how to add placeholder text in the filter box in datatable column headers
本文介绍了如何在数据表列标题的过滤器框中添加占位符文本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个只有几列的素面数据表,并且所有列都有filteryBy属性.如何添加占位符或水印为用户提供提示.任何建议,将不胜感激,谢谢!
I have a prime faces datatable with few columns and have filteryBy attribute for all the columns. How do I add placeholder or watermark to provide hint for users. Any suggestions,will be appreciated thanks!
<p:dataTable var="dt" widgetVar="widgetUserRecords"
value="#{userBean.result}"
id="userRecordTable" paginator="true"
paginatorAlwaysVisible="false" rows="10"
height="300" >
<p:column sortBy="#{dt.course.name}" filterStyle="width:50px;"
filterBy="#{dt.course.name}" headerText="Course Name" style="text-align:bottom">
<h:outputText value="#{dt.course.name}"/>
</p:column>
.
.
.
(other columns)
</p:dataTable>
推荐答案
首先为您的列提供ID和ID,然后添加一个p:watermark
组件:
First give and ID for your column and add a p:watermark
component:
<h:form id="tableForm">
...
<p:dataTable var="dt" widgetVar="widgetUserRecords"
value="#{userBean.result}"
id="userRecordTable" paginator="true"
paginatorAlwaysVisible="false" rows="10"
height="300" >
<p:column id="column1" sortBy="#{dt.course.name}" filterStyle="width:50px;"
filterBy="#{dt.course.name}" headerText="Course Name" style="text-align:bottom">
<h:outputText value="#{dt.course.name}"/>
<p:watermark forElement="tableForm:userRecordTable:column1" value="hint..."/>
</p:column>
</p:dataTable>
...
</h:form>
别忘了用p:dataTable
周围的实际表格替换tableForm
id.
Don't forget to replace the tableForm
id with your actual form around your p:dataTable
.
这篇关于如何在数据表列标题的过滤器框中添加占位符文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文