Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Remove filterable property from the igxCombo #5861

Open
wants to merge 4 commits into
base: vnext
Choose a base branch
from
Open

Remove filterable property from the igxCombo #5861

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
4fe0976
docs(combo): remove filterable property
MonikaKirkova Jun 25, 2024
8b2d5a9
docs(combo): add disableFiltering property
MonikaKirkova Aug 14, 2024
5a78eb5
Merge branch 'vnext' into mkirkova/feat-14340
MonikaKirkova Aug 14, 2024
9e41cb3
Merge branch 'vnext' into mkirkova/feat-14340
ddaribo Aug 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions en/components/combo-features.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ export class AppModule {}
<div class="combo-container">
<igx-combo #combo [data]="lData" displayKey="field" valueKey="field"
[allowCustomValues]="customValues"
[filterable]="filterable"
[disableFiltering]="disableFiltering"
[showSearchCaseIcon]="showSearchCaseIcon"
[disabled]="disabled">
</igx-combo>
Expand All @@ -55,8 +55,8 @@ export class AppModule {}
<igx-switch [(ngModel)]="customValues">Allow Custom Values</igx-switch>
<igx-switch (change)="enableGroups($event)">Enable Grouping</igx-switch>
<igx-switch [(ngModel)]="disabled">Disable Combo</igx-switch>
<igx-switch [(ngModel)]="filterable">Enable Filtering</igx-switch>
<igx-switch *ngIf="filterable" [(ngModel)]="showSearchCaseIcon">Show Case-sensitive Icon</igx-switch>
<igx-switch [(ngModel)]="disableFiltering">Disable Filtering</igx-switch>
<igx-switch *ngIf="!disableFiltering" [(ngModel)]="showSearchCaseIcon">Show Case-sensitive Icon</igx-switch>
</div>
```

Expand All @@ -66,7 +66,7 @@ Note that grouping is enabled/disabled by setting the [groupKey]({environment:an
```typescript
@ViewChild('combo', { read: IgxComboComponent }) public combo: IgxComboComponent;

public filterable = true;
public disableFiltering = false;
public showSearchCaseIcon = true;
public customValues = true;
public disabled = false;
Expand Down Expand Up @@ -139,12 +139,12 @@ If everything is set up correctly, the combobox's list will display centered, us
> The combobox component uses the [AutoPositionStrategy]({environment:angularApiUrl}/classes/autopositionstrategy.html) as a default position strategy.

### Filtering
By default, filtering in the combobox is enabled. It can be disabled by setting the [filterable]({environment:angularApiUrl}/classes/igxcombocomponent.html#filterable) property to false.
By default, filtering in the combobox is enabled. It can be disabled by setting the [disableFiltering]({environment:angularApiUrl}/classes/igxcombocomponent.html#disableFiltering) property to true.

Filtering options can be further enhanced by enabling the search case sensitivity. To display the case-sensitive icon in the search input, set the [showSearchCaseIcon]({environment:angularApiUrl}/classes/IgxComboComponent.html#showSearchCaseIcon) property to true:

```html
<igx-combo [filterable]="false" [showSearchCaseIcon]="true"></igx-combo>
<igx-combo [disableFiltering]="true" [showSearchCaseIcon]="true"></igx-combo>
```

<div class="divider--half"></div>
Expand Down
2 changes: 1 addition & 1 deletion en/components/combo-remote.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@ When data is returned from a service as an observable, we can set it to the comb
(closing)="onClosing()"
(opened)="onOpened()"
(closed)="onClosed()"
[filterable]="true">
[disableFiltering]="false">
</igx-combo>
```

Expand Down
Loading