Fixed #359 - Filter event for Listbox, Dropdown and MultiSelect

This commit is contained in:
cagataycivici 2020-07-04 14:53:12 +03:00
parent 9ba8911b6c
commit 9e76c66793
9 changed files with 33 additions and 3 deletions

View file

@ -19,7 +19,7 @@
<div ref="overlay" class="p-dropdown-panel p-component" v-if="overlayVisible">
<div class="p-dropdown-header" v-if="filter">
<div class="p-dropdown-filter-container">
<input type="text" ref="filterInput" v-model="filterValue" autoComplete="off" class="p-dropdown-filter p-inputtext p-component" :placeholder="filterPlaceholder" @keydown="onFilterKeyDown" />
<input type="text" ref="filterInput" v-model="filterValue" autoComplete="off" class="p-dropdown-filter p-inputtext p-component" :placeholder="filterPlaceholder" @keydown="onFilterKeyDown" @input="onFilterChange"/>
<span class="p-dropdown-filter-icon pi pi-search"></span>
</div>
</div>
@ -407,6 +407,9 @@ export default {
else
document.getElementById(this.appendTo).removeChild(this.$refs.overlay);
}
},
onFilterChange(event) {
this.$emit('filter', {originalEvent: event, value: event.target.value});
}
},
computed: {