Fixed #284 - FilterPlaceholder for Listbox
parent
6032170092
commit
3013334a8d
|
@ -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;
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue