可编辑P：SelectOneMenu

Question

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称其为水印（参见，如果您的SelectOneMenu为空，则会自动显示此water martk的文本

<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" />

希望解决：）