Возможно ли иметь текст-заполнитель для p: selectOneMenu?

Question

Мой вопрос в значительной степени говорит обо всем. Я хочу иметь текст-заполнитель в selectOneMenu, но я не думаю, что для его указания есть какой-либо атрибут. Итак, как можно иметь местозаполнитель?

Я попытался с помощью <p:watermark>, как показано ниже, но это не сработало.

<p:selectOneMenu id="fooMenu"> 
    <f:selectItem itemLabel="foo" itemValue="foo"/> 
    <f:selectItem itemLabel="goo" itemValue="goo"/> 
</p:selectOneMenu> 
<p:watermark value="Select" for="fooMenu"></p:watermark> 

Answer 1

Это действительно по умолчанию не поддерживается в стандартной HTML <select> элемента, так что нет и ничего в JSF, чтобы установить это.

Вы можете, однако, имитировать один с помощью itemDisabled и немного CSS и jQuery.

<p:selectOneMenu widgetVar="menu" styleClass="with-placeholder" panelStyleClass="hide-disabled" onchange="menu.jq.removeClass('with-placeholder')"> 
    <f:selectItem itemLabel="Select" itemDisabled="true" /> 
    <f:selectItem itemLabel="foo" itemValue="foo"/> 
    <f:selectItem itemLabel="goo" itemValue="goo"/> 
</p:selectOneMenu> 

и

.ui-selectonemenu.with-placeholder .ui-selectonemenu-label { 
    color: #ccc; 
} 
.ui-selectonemenu-panel.hide-disabled .ui-selectonemenu-list-item.ui-state-disabled { 
    display: none; 
} 

Вот video demo.