Angular-QueryBuilder icon indicating copy to clipboard operation
Angular-QueryBuilder copied to clipboard

Feature Request: Searchable selects

Open Nokhoneryu opened this issue 5 years ago • 4 comments

Hi @zebzhao

In the project I'm currently working on, we had the necessity to have searchable selects, due to very extensive lists, so I replaced the native selects with ng-select ones.

Should I fork the project and add this feature to your codebase?

Nokhoneryu avatar Jun 16 '20 17:06 Nokhoneryu

Also referred to as a "ComboBox"

JosXa avatar Jul 09 '20 22:07 JosXa

@Nokhoneryu I am interested in what/how you implemented the usage of ng-select. Can you please show in a forked project.

FritzHerbers avatar Dec 23 '20 12:12 FritzHerbers

You can use below way to add select and multi select -- custom component -- I have used primeng Dropdown

<ng-container *queryInput="let rule; let options=options; type: 'category';"> <ng-container *ngIf="rule.operator!='IN'"> <p-dropdown [options]="options" [(ngModel)]="rule.value" placeholder="Select a Option" [filter]="true" filterBy="name" optionLabel="name" [showClear]="true"> </p-dropdown> </ng-container> <ng-container *ngIf="rule.operator == 'IN'"> <p-multiSelect [options]="options" [(ngModel)]="rule.value" optionLabel="name" style="width:500px"></p-multiSelect> </ng-container> </ng-container>

CherishPatel4ever avatar Sep 07 '22 06:09 CherishPatel4ever

@CherishPatel4ever @Nokhoneryu I think you've added the custom select for the OPTIONS part. I want it to be available for the FIELD. If you've done that, could you please post it how? It's an urgent requirement, I request you to please respond quick if possible.

kritisharmaa01 avatar Sep 26 '23 09:09 kritisharmaa01