jsf - 如何在表格过滤器列中显示占位符/水印
问题描述
我在我的 .jsf 页面上添加了数据控件中的表格,并启用了可过滤选项。现在我可以从我的表中过滤数据,但我想显示一些占位符,如“在此处搜索”。如何在搜索列框中显示占位符?
<af:column
sortProperty="#{bindings.TblProgView12.hints.ProgId.name}"
filterable="true" sortable="true" headerText="Program ID"
align="center" id="c1" width="51">
<af:inputText value="#{row.bindings.ProgId.inputValue}"
label="#{bindings.TblProgView12.hints.ProgId.label}"
required="#{bindings.TblProgView12.hints.ProgId.mandatory}"
columns="#{bindings.TblProgView12.hints.ProgId.displayWidth}"
maximumLength="#{bindings.TblProgView12.hints.ProgId.precision}"
shortDesc="#{bindings.TblProgView12.hints.ProgId.tooltip}" id="it1"
readOnly="true" contentStyle='text-align:center'>
<f:validator binding="#{row.bindings.ProgId.validator}" />
</af:inputText>
</af:column>
解决方案
为带有通知和标题的表创建特定搜索表单的一种方法是使用迭代器附带的 af:query 组件。(从 datacontrol 拖放迭代器并选择查询,在此处阅读更多信息:https://docs。 oracle.com/cd/E15523_01/apirefs.1111/e12419/tagdoc/af_query.html )
但是,正如您特别问的那样,我如何在搜索列框中显示占位符?
您可以在列中添加过滤器分面以修改过滤器组件,如下所示:
<af:column sortProperty="#{bindings.TblProgView12.hints.ProgId.name}"
filterable="true" sortable="true"
headerText="Program ID" align="center"
id="c1" width="51">
<f:facet name="filter">
<af:inputText value="#{vs.filterCriteria.ProgId}"
placeholder="SEARCH HERE" id="id4">
</af:inputText>
</f:facet>
<af:inputText value="#{row.bindings.ProgId.inputValue}"
label="#{bindings.TblProgView12.hints.ProgId.label}"
required="#{bindings.TblProgView12.hints.ProgId.mandatory}"
columns="#{bindings.TblProgView12.hints.ProgId.displayWidth}"
maximumLength="#{bindings.TblProgView12.hints.ProgId.precision}"
shortDesc="#{bindings.TblProgView12.hints.ProgId.tooltip}"
id="it1" readOnly="true"
contentStyle='text-align:center'>
<f:validator binding="#{row.bindings.ProgId.validator}"/>
</af:inputText>
</af:column>
推荐阅读
- ruby - 增加firebase存储jpeg链接红宝石的到期时间
- php - 当我计数为计数时,我怎样才能得到它?
- reactjs - react.js 从函数渲染图像标签
- reactjs - mapStateToProps 的状态参数是一个调度函数而不是存储数据
- python - 如何在 Python 中制作多线程程序
- python - 如何从文件中的每一行获取第二个和第四个单词
- sql-server - 将相同的组 ID 分配给具有相同值的 ID - 递归 sql 查询
- jsplumb - 如何更改 JsPlumb 中的源锚点起始位置?
- amazon-web-services - 在 Cloudformation 中获取 AutoScaling 组
- c++ - 我似乎无法让他的 c++ 脚本在某一时刻不返回 0