Question

如何在可编辑的<p:selectOneMenu>？

中设置占位符

在PrimeFaces的可编辑<p:selectOneMenu>中，初始UI如下所示：

http://www.primefaces.org/showcase/ui/input/oneMenu.xhtml （参见可编辑菜单）

有没有办法放置一个占位符，上面写着“点击进入手动输入”或让用户知道此下拉列表是可编辑的。找到下面的代码片段以供参考。

<div class="setupDataSection">
    <div class="pageCenter pageCenterShortened">
        <div style="float: left;" class="sectionTitle sectionTitleInline">
            <h:outputLabel value="Tenant "/>
        </div>
        <div style="float: left; padding-left: 40px;">

            <p:selectOneMenu id="tenant"
                             styleClass="ddlPOS"
                             style="width: 190px;"
                             label="Tenant"
                             value="#{onBoardingAction.selTenant}"
                             editable="true">

                <p:watermark for="tenant"
                             value="Search with a keyword"
                             id="watermark" />

                <f:selectItem itemLabel="Add new tenant" />
                <f:selectItems value="#{onBoardingAction.tenants}" />

                <p:ajax event="change"
                        execute="@this"
                        update="tenant region POS"
                        listener="#{onBoardingAction.settingRegions()}" />
            </p:selectOneMenu>
        </div>
    </div>
</div>

Answer 1

Primefaces将其称为水印SEE，如果您的SelectOneMenu为空，则会自动显示水马克的文字

<p:watermark for="fileSize" value="Search with a keyword" id="watermark" />

<强>更新我已经测试了你的代码，如果你使用模板，它可以正常工作，也许你的CSS覆盖组件尝试这个，我只是把p：watermark放在组件代码之外：

            <f:selectItem itemLabel="Add new tenant" />
            <f:selectItems value="#{onBoardingAction.tenants}" />

            <p:ajax event="change"
                    execute="@this"
                    update="tenant region POS""
                    listener="#{onBoardingAction.settingRegions()}" />
        </p:selectOneMenu>

         <p:watermark for="tenant"
                         value="Search with a keyword"
                         id="watermark" />

HOPE RESOLVED :)

可编辑的p：selectOneMenu

1 个答案: