Fixed #284 - FilterPlaceholder for Listbox
parent
6032170092
commit
3013334a8d
|
@ -12,6 +12,7 @@ export declare class Listbox extends Vue {
|
||||||
multiple?: boolean;
|
multiple?: boolean;
|
||||||
metaKeySelection?: boolean;
|
metaKeySelection?: boolean;
|
||||||
filter?: boolean;
|
filter?: boolean;
|
||||||
|
filterPlaceholder?: string;
|
||||||
filterLocale?: string;
|
filterLocale?: string;
|
||||||
ariaLabelledBy?: string;
|
ariaLabelledBy?: string;
|
||||||
$emit(eventName: 'input', value: any): this;
|
$emit(eventName: 'input', value: any): this;
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div class="p-listbox p-inputtext p-component">
|
<div class="p-listbox p-inputtext p-component">
|
||||||
<div class="p-listbox-header" v-if="filter">
|
<div class="p-listbox-header" v-if="filter">
|
||||||
<div class="p-listbox-filter-container">
|
<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>
|
<span class="p-listbox-filter-icon pi pi-search"></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -36,6 +36,7 @@ export default {
|
||||||
multiple: Boolean,
|
multiple: Boolean,
|
||||||
metaKeySelection: Boolean,
|
metaKeySelection: Boolean,
|
||||||
filter: Boolean,
|
filter: Boolean,
|
||||||
|
filterPlaceholder: String,
|
||||||
filterLocale: String
|
filterLocale: String
|
||||||
},
|
},
|
||||||
optionTouched: false,
|
optionTouched: false,
|
||||||
|
|
|
@ -137,6 +137,12 @@ data() {
|
||||||
<td>false</td>
|
<td>false</td>
|
||||||
<td>When specified, displays a filter input at header.</td>
|
<td>When specified, displays a filter input at header.</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>filterPlaceholder</td>
|
||||||
|
<td>string</td>
|
||||||
|
<td>null</td>
|
||||||
|
<td>Placeholder text to show when filter input is empty.</td>
|
||||||
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>filterLocale</td>
|
<td>filterLocale</td>
|
||||||
<td>string</td>
|
<td>string</td>
|
||||||
|
|
Loading…
Reference in New Issue