Как установить заполнитель text = "search here" по умолчанию в Grid Kendo

Question

Это код, который я использую в настоящее время, пробовал во многих отношениях, как используемые теги-заполнители, но ничего не получилось.Помоги мне

<kendo-grid-column field="food" title="foods">
<ng-template kendoGridFilterCellTemplate let-filter let-column="column">
  <kendo-grid-string-filter-cell
      [showOperators]="false"
      [column]="column"
      [filter]="filter">
  </kendo-grid-string-filter-cell>

Answer 1

Я попробовал этот подход, работающий сейчас

Просто поместите этот кусок кода в файл компонента

public placeHolders(){
            $(".k-textbox").eq(0).attr("placeholder", "column 1");
            $(".k-textbox").eq(1).attr("placeholder", "column 2");
            $(".k-textbox").eq(2).attr("placeholder", "column 3");

}

Answer 2

Нет никакого решения написать заполнитель по умолчанию в kendo-UI> kendo-grid-string-filter-cell согласно моему пониманию.

Answer 3

У меня та же проблема с вами, и я не могу найти простой способ сделать это.Единственный способ, которым я могу думать, чтобы достигнуть этого, является следующим:

1) Создайте Многоразовый пользовательский компонент фильтра из Kendo -> https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/

2) Затем добавьте Ввод TextArea в качестве входных данных фильтра, и есть элемент floatingLabel html для использования его в качестве заполнителя.

@Component({
selector: 'my-app',
template: `
  <kendo-textbox-container floatingLabel="First name">
    <textarea kendoTextArea></textarea>
  </kendo-textbox-container>
`

Я не могу найти способ сделать это с помощьюиспользуя встроенные шаблоны фильтров , которые предоставляет Kendo UI.

Answer 4

Я не уверен на 100% в вашем вопросе. Я использую Vue, но вот как я устанавливаю заполнитель текста, когда нет записей, устанавливая атрибут noRecords.

          <kendo-grid ref="gridComponent"
                  ...

                  :no-records="noRecords"

                  ...
                  v-on:change="rowSelected"
                  :sort="sortFilter">

В Vue noRecords - это поле реактивных данных, определенное как:

  data () {
     return {
        noRecords: {
          template: '<br /><br/> Please start typing a Policy Number, Insured Name, or Address to show results <br /><br /><br />'
        }
     }