2015-03-24 3 views
0

Как установить заполнитель в редактируемом <p:selectOneMenu>?Редактируемый p: selectOneMenu

В редактируемой <p:selectOneMenu> из PrimeFaces, начальный пользовательский интерфейс выглядит, как показано ниже:

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> 
+0

http://stackoverflow.com/questions/14949775/is-it-possible-to-have-a-placeholder-text-for-pselectonemenu –

+0

, что не для редактирования selectonemenu ... – Nikita

+0

извините, я пропустил это. –

ответ

1

Primefaces называют это водяной знак SEE, если ваш SelectOneMenu пуст текст этой воды martk автоматически появляется

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

Update Я проверил ваш код и он отлично работает для меня, если вы используете шаблон, возможно, ваш компонент переопределения CSS попробуйте это, я просто положил p: водяной знак вне кода компонента:

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

НАДЕЖДА ПОСТАНОВИЛИ :)

+0

Вышеуказанная вещь не работает. FYI: мой SelectOneMenu имеет атрибут editable – Nikita

+0

работает отлично для меня, даже на редактируемый. Пожалуйста, обновите с помощью некоторого кода, может быть, ваш css переопределяет его. – Sarz

+0

добавил код ... для справки – Nikita

Смежные вопросы