Filter with data item key and text field in dropDownList

[fingate]

Hello,

I have a queastion. When I use DropDownList in Navtive components of Vue3, I want to filter with both data item key and text field.
but the method I found is only using one field.

The field properties of a DropDownList are strings or functions.
I need Array<string> like ['dataItemKey', 'textFiled']. Can I?

 

example :

data-Item-list = [
{text : 'A', value : 1},
{text : 'B', value : 2},
{text : 'C', value : 3},
{text : 'D', value : 4}
]

When I put 3, C is searched.
At the same time I put D, D is searched.

[Konstantin Dikov]

Hello Fingate,

You can add additional filter descriptor when you use the filterBy helper method to include the key field as well. Following is an example demonstrating this approach:

• https://stackblitz.com/edit/smavlj?file=src%2Fmain.vue

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

[fingate]

Thank for apply!