src/ui/grid/smart-grid-combo-filter/smart-grid-combo-filter.component.ts
BaseFilterCellComponent
| selector | smart-grid-combo-filter |
| styleUrls | ./smart-grid-combo-filter.component.css |
| templateUrl | ./smart-grid-combo-filter.component.html |
Properties |
Methods |
Inputs |
Accessors |
constructor(filterService: FilterService, smartServiceAdapter: SmartServiceAdapter)
|
|||||||||
|
Parameters :
|
| field |
Type : string
|
| filter |
Type : CompositeFilterDescriptor
|
| valueList |
Type : Record<string | unknown>
|
| onValueChange | ||||||
onValueChange(value: any)
|
||||||
|
Handles value changes of the Smart Combo Editor
Parameters :
Returns :
void
|
| comboEditor |
Type : SmartComboEditorComponent
|
Decorators :
@ViewChild(SmartComboEditorComponent)
|
| selectedValue |
getselectedValue()
|
|
The current filter value
Returns :
any
|
<smart-combo-editor
[smartModel]="selectedValue"
(smartModelChange)="onValueChange($event)">
</smart-combo-editor>
<button
(click)="onValueChange(null)"
*ngIf="selectedValue"
class="k-button k-button-icon k-clear-button-visible"
title="Clear">
<span class="k-icon k-i-filter-clear"></span>
</button>
./smart-grid-combo-filter.component.css
smart-combo-editor {
width: calc(100% - 34px);
}
::ng-deep smart-combo-editor .k-combobox {
width: 100% !important;
}
.k-button {
float: right;
margin-left: 4px;
}