Dropdown filtering

[maciej1234567]

How to add custom filtering do p-dropdown. I want matching x or y if i have in input "x y".

[yigitfindikli]

How to add custom filtering do p-dropdown. I want matching x or y if i have in input "x y".

Hi,
Sorry, i couldn't understand, can you be more spesific?
Best Regards.

[Fearlezz90]

Hi,
if I understand what you want,

add filterBy="x, y"

from doc -> "labelBy string label When the filter is enabled, filterBy decides in which field or fields (separated by a comma) to search."

[rokimoki]

In this case you proabbly need to do your own filter.

Try autocomplete advanced: https://www.primefaces.org/primeng/#/autocomplete

component.html

Code: Select all

<div class="p-grid">
        <div class="p-col-1">
            Address 1
        </div>
        <div class="p-col-3">
            <p-autoComplete 
                [(ngModel)]="address1" 
                [suggestions]="streetStringList"
                (completeMethod)="searchAddress($event)" 
                [dropdown]="true"></p-autoComplete>
        </div>
</div>

component.ts

Code: Select all

searchAddress(event) {
    this.streetStringList = this.someService.getFilteredStreets(event.query);
}

component.service.ts

Code: Select all

getFilteredStreets(street: string): string [] {
 	let separatedBySpace: string[] = street.split(' ');
        return this.streetStringList.filter(
            (element: string) => {
                return element.match(new RegExp(separatedBySpace[0], 'gi')); // global, ignoreCase, no accent ignore
            }
        ).filter(
            (element: string) => {
                return element.match(new RegExp(separatedBySpace[1], 'gi')); // global, ignoreCase, no accent ignore
            }
        );
}

This is kinda you want but... if you want for multiple spaces, or there is no space, you have to control that, this is an example only

[zionb]

Thanks, But if I am using Autocomplete I don't have the option to have optionValue and optionLabel.
I want to bind the selected option to the optionValue like a number and not the label.

[alexfapa]

How to add custom filtering do p-dropdown. I want matching x or y if i have in input "x y".

I'm in need of a solution for this too.
In my case I need the filter to work like this:
This is the label: 98.765.543/0001-00
Input in filter: 98.7 (successfully found)
Input in filter: 987 (not found)

I need it to be found successfully in both cases

[alexfapa]

I'm in need of a solution for this too.
In my case I need the filter to work like this:
This is the label: 98.765.543/0001-00
Input in filter: 98.7 (successfully found)
Input in filter: 987 (not found)

I need it to be found successfully in both cases