Я пытаюсь добавить внешний бумажный ввод для элемента vaadin-grid, чтобы фильтровать по любому столбцу.
На данный момент я не нашел для этого хорошего подхода, есть идеи для этого?
Каждый ответ будет действительно оценен.
элемент vaadin-grid: один входной фильтр для всех столбцов
Ответы (1)
Используйте двустороннюю привязку
<paper-input type="text" value="{{filterVal}}"></paper-input>
<vaadin-grid-sorter path="name">Name</vaadin-grid-sorter>
<vaadin-grid-filter path="name" value="[[filterVal]]">
</vaadin-grid-filter>
person
Naqash
schedule
18.09.2017
Будет отфильтрован только столбец с именем
name.
- person Ofisora; 19.09.2017
с таким же подходом вы можете фильтровать любой столбец
<vaadin-grid-sorter path="desc">Description</vaadin-grid-sorter> <vaadin-grid-filter path="desc" value="[[filterVal]]"> </vaadin-grid-filter> или несколько столбцов.
- person Naqash; 19.09.2017
Он хочет отфильтровать все столбцы, используя один вход.
- person Ofisora; 19.09.2017
вы можете добавить несколько столбцов
<paper-input type="text" value="{{filterVal}}"></paper-input> <vaadin-grid id="grid"> <vaadin-grid-column> <vaadin-grid-sorter path="name">Name</vaadin-grid-sorter> <vaadin-grid-filter path="name" value="[[filterVal]]"> </vaadin-grid-filter> </vaadin-grid-column> <vaadin-grid-column> <vaadin-grid-sorter path="desc">Description</vaadin-grid-sorter> <vaadin-grid-filter path="desc" value="[[filterVal]]"> </vaadin-grid-filter> </vaadin-grid-column>
- person Naqash; 19.09.2017
Это не будет работать так, как задумано. Когда вы фильтруете два столбца, используя один и тот же ввод, отфильтрованный текст должен отображаться в обоих столбцах (логическое И), но OP, вероятно, хочет отфильтровать любой столбец (логическое ИЛИ) . Боюсь, что так сделать нельзя и фильтрацию, вероятно, надо делать на самом массиве.
- person alesc; 25.09.2017
