PrimeFaces Mobile ページ内で、表示されないヘッダーを設定する dataTable を使用します。通常のページ (モバイルではない) では、説明されているドキュメントのように機能します。
例
...
<f:view renderKitId="PRIMEFACES_MOBILE" />
...
<h:body>
<h:form>
<p:dataTable var="item" value="#{eintraege.getLazyModel(null)}"
paginator="true" rows="20" selectionMode="single"
selection="#{eintraege.selected}" rowKey="#{item.id}"
id="table-auftrag" lazy="true"
emptyMessage="Keine Einträge gefunden" filteredValue="#{item}"
widgetVar="eintragTable" sortBy="#{item.datumFormated}"
sortOrder="descending">
<p:ajax event="rowSelect" listener="#{eintraege.openMobile}" />
<f:facet name="header">
<p:outputPanel>
<p:inputText id="globalFilter"
onkeyup="PF('eintragTable').filter()"
placeholder="Suchbegriff eingeben" style="width: 100%" />
</p:outputPanel>
</f:facet>
<p:column headerText="" id="image">
<h:outputLink value="#{request.contextPath}/mobile/eintrag.xhtml"
rendered="#{item.hasImage()}">
<f:param name="id" value="#{item.id}" />
<p:graphicImage value="/images/thumb?id=#{item.id}" />
</h:outputLink>
</p:column>
...
編集:「c:」を「f:」に変更
更新 今日、モバイルページでオンラインになるまでの間、この問題を解決するための少し汚い回避策を書きました。
dataTable を更新する onkeyup イベントで新しい inputText を追加しました。さらに、遅延読み込みメソッドを少し変更して、dataTable の外にある inputText から値を挿入する必要があります。
ページ:
<p:inputText id="globalFilter" onkeyup="PF('eintragTable').filter()"
placeholder="Suchbegriff eingeben" />
<p:dataTable ...
LazyDataModel クラス:
@Override
public List<Eintrag> load(int first, int pageSize, String sortField,
SortOrder sortOrder, Map<String, Object> filters) {
...
if (filters.keySet().isEmpty()) {
UIComponent component = FacesContext.getCurrentInstance()
.getViewRoot().findComponent("form:globalFilter");
if (component != null) {
Object value = component.getAttributes().get("value");
filters.put("globalFilter", value);
}
}