Hey guys,
thank you for your great work!
Currently, I couldn't manage to build a column filter with a dropdown as a selection. In my case, it's needed, because the user is only allowed to select some specific keywords. Is there any sample? I just found a custom date filter here: https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/filtering#re-templating-filter-cell
Here is the current approach (not working) with A and B as input samples:
<ng-template #enumFilterTemplate igxFilterCellTemplate let-column="column"> <div class="filter-cell"> <igx-input-group #inputGr [displayDensity]="'compact'" class="filter-input" type="box"> <igx-prefix> <igx-icon>search</igx-icon> </igx-prefix> <select #enumFilter (click)="setFocusOnFilter(inputGr)" (input)="onFilterInput(enumFilter, column, 'equals')" (keydown)="onFilterKeyDown($event)" [value]="getFilterValue(column, 'equals')" autocomplete="off" tabindex="0"> <option>A</option> <option>B</option> </select> <igx-suffix ()="clearFilterInput(column)" *ngIf="enumFilter.value" tabindex="0"> <igx-icon>clear</igx-icon> </igx-suffix> </igx-input-group> </div></ng-template>
Hello,
I have been looking at your requirement, however, I could say that the IgxSelectComponent is not a drop-down, it extends the IgxDropDownComponent and it contains input and drop-down.
If you choose to use it you should not define an input group because it has such. Probably, the best suggestion is to use an input group and a drop-down component. On click on the input, the drop-down could be opened and the user could select an item from it.
I have prepared a small sample where both approaches are demonstrated. The first column uses an IgxSelect for filtering and the last column uses an input group and a drop-down.
Here could be found my sample for your reference. Please test it on your side and let me know if I may be of any further assistance.
Sincerely,Teodosia HristodorovaAssociate Software Developer