Fixed #284 - FilterPlaceholder for Listbox

pull/310/head
cagataycivici 2020-04-23 09:30:34 +03:00
parent 6032170092
commit 3013334a8d
3 changed files with 9 additions and 1 deletions

View File

@ -12,6 +12,7 @@ export declare class Listbox extends Vue {
multiple?: boolean;
metaKeySelection?: boolean;
filter?: boolean;
filterPlaceholder?: string;
filterLocale?: string;
ariaLabelledBy?: string;
$emit(eventName: 'input', value: any): this;

View File

@ -2,7 +2,7 @@
<div class="p-listbox p-inputtext p-component">
<div class="p-listbox-header" v-if="filter">
<div class="p-listbox-filter-container">
<input type="text" class="p-inputtext p-component" v-model="filterValue">
<input type="text" class="p-inputtext p-component" v-model="filterValue" :placeholder="filterPlaceholder">
<span class="p-listbox-filter-icon pi pi-search"></span>
</div>
</div>
@ -36,6 +36,7 @@ export default {
multiple: Boolean,
metaKeySelection: Boolean,
filter: Boolean,
filterPlaceholder: String,
filterLocale: String
},
optionTouched: false,

View File

@ -137,6 +137,12 @@ data() {
<td>false</td>
<td>When specified, displays a filter input at header.</td>
</tr>
<tr>
<td>filterPlaceholder</td>
<td>string</td>
<td>null</td>
<td>Placeholder text to show when filter input is empty.</td>
</tr>
<tr>
<td>filterLocale</td>
<td>string</td>