You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I'm experiencing an issue with the PrimeMultiSelect component in my Vue.js project. Specifically, it’s not functioning as expected in the context of filtering tags by color.
Description of the Problem:
The PrimeMultiSelect is used to filter data in a PrimeDataTable component based on selected tags.
The filterModel.value should be updated with the selected tags, and the filterCallback should apply this filter to the data.
The options prop is populated with the tagsHistoryList array, which contains the tag objects.
The issue is that the selected value does not seem to update correctly, and the filtering isn't applied as expected.
The displayed text in the multiselect ({{ value?.[0]?.name + ' - ' + value?.[0]?.color }}) is either not showing the selected tags or isn't working properly when rendered.
The filtering logic for the tags doesn't seem to trigger, even when the user selects tags from the dropdown.
Attempt to select a tag from the PrimeMultiSelect dropdown.
Observe that the selected tag is not properly displayed or applied as a filter.
Notice that the filterCallback doesn’t seem to trigger the expected filtering behavior.
Expected Behavior:
The selected tag(s) should be displayed in the PrimeMultiSelect dropdown.
The table should be filtered based on the selected tag(s) when the user makes a selection.
Could you please help me identify why this component isn’t behaving as expected? Any insights or suggestions for debugging this would be greatly appreciated.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I'm experiencing an issue with the PrimeMultiSelect component in my Vue.js project. Specifically, it’s not functioning as expected in the context of filtering tags by color.
Description of the Problem:
<PrimeMultiSelect :model-value="filterModel.value" :options="tagsHistoryList" :option-label="(item) => item.name" display="chip" :show-clear="true" placeholder="Select by color" @before-show="handleBeforeTagsFilterShow" @update:model-value="filterCallback"> <template #value="{ value }"> {{ value?.[0]?.name + ' - ' + value?.[0]?.color }} </template> <template #option="{ option }"> <UIInventoryTagsChips :items="option" readonly /> </template> </PrimeMultiSelect>
Steps to Reproduce:
Expected Behavior:
Could you please help me identify why this component isn’t behaving as expected? Any insights or suggestions for debugging this would be greatly appreciated.
Thanks in advance for your assistance!
Beta Was this translation helpful? Give feedback.
All reactions