vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-11 09:52:35 +00:00
Code Issues Projects Releases Packages Wiki Activity

Listbox: checkmark, highlightOnSelect properties added

Browse source
This commit is contained in:
tugcekucukoglu 2024-05-09 13:02:54 +03:00
parent 438440072f
commit 6295928c7a
9 changed files with 137 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/lib/listbox/Listbox.vue
View file

@ -91,6 +91,10 @@
:data-p-focused="focusedOptionIndex === getOptionIndex(i, getItemOptions)"
:data-p-disabled="isOptionDisabled(option)"
>
<template v-if="checkmark">
<CheckIcon v-if="isSelected(option)" :class="cx('optionCheckIcon')" v-bind="ptm('optionCheckIcon')" />
<BlankIcon v-else :class="cx('optionBlankIcon')" v-bind="ptm('optionBlankIcon')" />
</template>
<slot name="option" :option="option" :index="getOptionIndex(i, getItemOptions)">{{ getOptionLabel(option) }}</slot>
</li>
</template>
@ -131,6 +135,8 @@
<script>
import { FilterService } from 'primevue/api';
import IconField from 'primevue/iconfield';
import BlankIcon from 'primevue/icons/blank';
import CheckIcon from 'primevue/icons/check';
import SearchIcon from 'primevue/icons/search';
import InputIcon from 'primevue/inputicon';
import InputText from 'primevue/inputtext';
@ -754,7 +760,9 @@ export default {
VirtualScroller,
InputIcon,
IconField,
SearchIcon
SearchIcon,
CheckIcon,
BlankIcon
}
};
</script>