как показать заполнитель / водяной знак в столбце фильтра таблицы - PullRequest
Новая
       36

как показать заполнитель / водяной знак в столбце фильтра таблицы

0 голосов
/ 30 января 2019

show placeholder in it

Я добавил таблицу из элемента управления данными на мою страницу .jsf с включенной функцией фильтрации.Теперь я могу отфильтровать данные из моей таблицы, но я хочу показать некоторые заполнители, такие как «поиск здесь».Как я могу показать заполнитель в поле поиска столбца? 

<af:column
    sortProperty="#{bindings.TblProgView12.hints.ProgId.name}"
    filterable="true" sortable="true" headerText="Program ID"
    align="center" id="c1" width="51">
    <af:inputText value="#{row.bindings.ProgId.inputValue}"
        label="#{bindings.TblProgView12.hints.ProgId.label}"
        required="#{bindings.TblProgView12.hints.ProgId.mandatory}"
        columns="#{bindings.TblProgView12.hints.ProgId.displayWidth}"
        maximumLength="#{bindings.TblProgView12.hints.ProgId.precision}"
        shortDesc="#{bindings.TblProgView12.hints.ProgId.tooltip}" id="it1"
        readOnly="true" contentStyle='text-align:center'>
        <f:validator binding="#{row.bindings.ProgId.validator}" />
    </af:inputText>
</af:column>

1 Ответ

0 голосов
/ 30 января 2019

Один из способов создать специальную форму поиска для вашей таблицы с уведомлением и заголовком - использовать компонент af: query, входящий в комплект вашего итератора. (Перетащите итератор из datacontrol и выберите запрос, подробнее здесь: https://docs.oracle.com/cd/E15523_01/apirefs.1111/e12419/tagdoc/af_query.html)

Однако, как вы спрашиваете конкретно как я могу показать заполнитель в поле столбца поиска?

Вы можете добавить фильтр фасет к вашему столбцу, чтобы изменить компонент фильтра следующим образом: 

<af:column sortProperty="#{bindings.TblProgView12.hints.ProgId.name}"
       filterable="true" sortable="true"
       headerText="Program ID" align="center"
       id="c1" width="51">
       <f:facet name="filter">
            <af:inputText value="#{vs.filterCriteria.ProgId}" 
                  placeholder="SEARCH HERE" id="id4">
            </af:inputText>
        </f:facet>
    <af:inputText value="#{row.bindings.ProgId.inputValue}"
                  label="#{bindings.TblProgView12.hints.ProgId.label}"
                  required="#{bindings.TblProgView12.hints.ProgId.mandatory}"
                  columns="#{bindings.TblProgView12.hints.ProgId.displayWidth}"
                  maximumLength="#{bindings.TblProgView12.hints.ProgId.precision}"
                  shortDesc="#{bindings.TblProgView12.hints.ProgId.tooltip}"
                  id="it1" readOnly="true"
                  contentStyle='text-align:center'>
        <f:validator binding="#{row.bindings.ProgId.validator}"/>
    </af:inputText>
</af:column>
...