igniteui-react-grids
Version:
Ignite UI React grid components.
843 lines (837 loc) • 32.1 kB
TypeScript
import * as React from 'react';
import { MultiColumnComboBox } from './MultiColumnComboBox';
import { BaseControlTheme } from "igniteui-react-core";
import { ControlDisplayDensity } from "igniteui-react-core";
import { SortMode } from './SortMode';
import { IDataSource } from "igniteui-react-core";
import { IgrMultiColumnComboBoxTextChangedEventArgs } from './igr-multi-column-combo-box-text-changed-event-args';
import { IgrMultiColumnComboBoxValueChangedEventArgs } from './igr-multi-column-combo-box-value-changed-event-args';
import { IgrGotFocusEventArgs } from './igr-got-focus-event-args';
import { IgrLostFocusEventArgs } from './igr-lost-focus-event-args';
import { IgrKeyEventArgs } from "igniteui-react-core";
import { IgrInputChangeEventArgs } from "igniteui-react-inputs";
import { IgrColumnWidth } from './igr-column-width';
export declare class IgrMultiColumnComboBox extends React.Component<IIgrMultiColumnComboBoxProps> {
private _implementation;
private _reactRenderer;
private _height;
private _width;
private _initialized;
private _elRef;
private _portalManager;
set height(value: string);
get height(): string;
set width(value: string);
get width(): string;
private _getMainRef;
render(): React.DetailedReactHTMLElement<{
ref: (ref: any) => void;
className: string;
children: any[];
}, any>;
private verifyReferences;
private requestRender;
constructor(props: IIgrMultiColumnComboBoxProps);
shouldComponentUpdate(nextProps: any, nextState: any): boolean;
protected initializeProperties(): void;
updateStyle(): void;
destroy(): void;
componentWillUnmount(): void;
componentDidMount(): void;
initializeContent(): void;
protected createImplementation(): MultiColumnComboBox;
get i(): MultiColumnComboBox;
/**
* Gets or sets the default column width to use if a column as no local width.
* */
get defaultColumnWidth(): IgrColumnWidth;
set defaultColumnWidth(value: IgrColumnWidth);
/**
* Gets or sets the ShowClearButton property to detirmine if the clear button is shown
*/
get showClearButton(): boolean;
set showClearButton(v: boolean);
/**
* Gets or sets the desired properties for the data source to load. If specified the data source may decide to constrain the properties it fetches to these properties and must make sure that at least those properties are loaded, rather than the default behavior for that data source.
*/
get fields(): string[];
set fields(v: string[]);
/**
* Gets or sets the background color to use for the input group.
*/
get backgroundColor(): string;
set backgroundColor(v: string);
/**
* Gets the actual opacity to use for the underline ripple element.
*/
get actualBackgroundColor(): string;
set actualBackgroundColor(v: string);
/**
* Gets or sets the base built in theme to use for the component.
*/
get baseTheme(): BaseControlTheme;
set baseTheme(v: BaseControlTheme);
/**
* Gets the actual display baseTheme to use for the component.
*/
get actualBaseTheme(): BaseControlTheme;
set actualBaseTheme(v: BaseControlTheme);
/**
* Gets or sets the color to use the border of the input group.
*/
get borderColor(): string;
set borderColor(v: string);
/**
* Gets the actual item background color.
*/
get actualBorderColor(): string;
set actualBorderColor(v: string);
/**
* Gets or sets the border width to use for the border of the item group.
*/
get borderWidth(): number;
set borderWidth(v: number);
/**
* Gets the actual item border width.
*/
get actualBorderWidth(): number;
set actualBorderWidth(v: number);
/**
* Gets or sets the visibility of the drop down button.
*/
get columnHeadersVisible(): boolean;
set columnHeadersVisible(v: boolean);
get contentPaddingBottom(): number;
set contentPaddingBottom(v: number);
get contentPaddingLeft(): number;
set contentPaddingLeft(v: number);
get contentPaddingRight(): number;
set contentPaddingRight(v: number);
get contentPaddingTop(): number;
set contentPaddingTop(v: number);
ensureContentPadding(): void;
get actualContentPaddingBottom(): number;
set actualContentPaddingBottom(v: number);
get actualContentPaddingLeft(): number;
set actualContentPaddingLeft(v: number);
get actualContentPaddingRight(): number;
set actualContentPaddingRight(v: number);
get actualContentPaddingTop(): number;
set actualContentPaddingTop(v: number);
ensureActualContentPadding(): void;
get cornerRadiusBottomRight(): number;
set cornerRadiusBottomRight(v: number);
get cornerRadiusBottomLeft(): number;
set cornerRadiusBottomLeft(v: number);
get cornerRadiusTopLeft(): number;
set cornerRadiusTopLeft(v: number);
get cornerRadiusTopRight(): number;
set cornerRadiusTopRight(v: number);
ensureCornerRadius(): void;
get actualCornerRadiusBottomRight(): number;
set actualCornerRadiusBottomRight(v: number);
get actualCornerRadiusBottomLeft(): number;
set actualCornerRadiusBottomLeft(v: number);
get actualCornerRadiusTopLeft(): number;
set actualCornerRadiusTopLeft(v: number);
get actualCornerRadiusTopRight(): number;
set actualCornerRadiusTopRight(v: number);
ensureActualCornerRadius(): void;
/**
* Gets or sets the desired properties for the data source to load. If specified the data source may decide to constrain the properties it fetches to these properties and must make sure that at least those properties are loaded, rather than the default behavior for that data source.
*/
get dataSourceDesiredProperties(): string[];
set dataSourceDesiredProperties(v: string[]);
/**
* Gets or sets the display Density to use for the buttons and dropdown grid.
*/
get density(): ControlDisplayDensity;
set density(v: ControlDisplayDensity);
/**
* Gets the actual display Density to use for the component.
*/
get actualDensity(): ControlDisplayDensity;
set actualDensity(v: ControlDisplayDensity);
/**
* Gets or sets the visibility of the drop down button.
*/
get dropDownButtonVisible(): boolean;
set dropDownButtonVisible(v: boolean);
/**
* Gets or sets the color to use the hovered background of the inputs in the group.
*/
get focusBorderColor(): string;
set focusBorderColor(v: string);
/**
* Gets the actual item border color.
*/
get actualFocusBorderColor(): string;
set actualFocusBorderColor(v: string);
/**
* Gets or sets the border width to use for the border of the item group when focused.
*/
get focusBorderWidth(): number;
set focusBorderWidth(v: number);
/**
* Gets the actual item border width.
*/
get actualFocusBorderWidth(): number;
set actualFocusBorderWidth(v: number);
/**
* Gets or sets the color to use for the underline element.
*/
get focusUnderlineColor(): string;
set focusUnderlineColor(v: string);
/**
* Gets the actual color to use for the underline element when focused.
*/
get actualFocusUnderlineColor(): string;
set actualFocusUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element.
*/
get focusUnderlineOpacity(): number;
set focusUnderlineOpacity(v: number);
/**
* Gets the actual opacity to use for the underline element when focused.
*/
get actualFocusUnderlineOpacity(): number;
set actualFocusUnderlineOpacity(v: number);
/**
* Gets or sets the opacity to use for the underline ripple element when focused.
*/
get focusUnderlineRippleOpacity(): number;
set focusUnderlineRippleOpacity(v: number);
/**
* Gets the actual opacity to use for the underline ripple element when focused.
*/
get actualFocusUnderlineRippleOpacity(): number;
set actualFocusUnderlineRippleOpacity(v: number);
/**
* Gets or sets the color to use for the underline element.
*/
get hoverUnderlineColor(): string;
set hoverUnderlineColor(v: string);
/**
* Gets the actual color to use for the underline element.
*/
get actualHoverUnderlineColor(): string;
set actualHoverUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element.
*/
get hoverUnderlineOpacity(): number;
set hoverUnderlineOpacity(v: number);
/**
* Gets the actual opacity to use for the underline element when hovered.
*/
get actualHoverUnderlineOpacity(): number;
set actualHoverUnderlineOpacity(v: number);
/**
* Gets or sets the width to use for the underline element when hovered.
*/
get hoverUnderlineWidth(): number;
set hoverUnderlineWidth(v: number);
/**
* Gets the width to use for the underline element when hovered.
*/
get actualHoverUnderlineWidth(): number;
set actualHoverUnderlineWidth(v: number);
/**
* Gets or sets the data to which to bind the combo box list. This can be some type of array or list, or it can
* be an IDataSource instance.
*/
get dataSource(): any;
set dataSource(v: any);
/**
* Gets the actual data source that is being used by the combo box list. If a collection was provided for the combo box data, an implicit LocalDataSource has been created, and this is available via this property.
*/
get actualDataSource(): IDataSource;
/**
* The text displayed in the label portion of the control.
*/
get label(): string;
set label(v: string);
/**
* Gets or sets the color to use for the text.
*/
get labelTextColor(): string;
set labelTextColor(v: string);
/**
* Gets the actual color to use for the text color.
*/
get actualLabelTextColor(): string;
set actualLabelTextColor(v: string);
/**
* Gets or sets the font to use for the combobox.
*/
get labelTextStyle(): string;
set labelTextStyle(v: string);
/**
* Gets or sets the visibility of the label.
*/
get actualLabelVisible(): boolean;
set actualLabelVisible(v: boolean);
/**
* Gets or sets the text to display on the list when no suggested matches are found.
*/
get noMatchesFoundLabel(): string;
set noMatchesFoundLabel(v: string);
/**
* Gets the actual text to display on the list when no suggested matches are found.
*/
get actualNoMatchesFoundLabel(): string;
set actualNoMatchesFoundLabel(v: string);
/**
* Gets or sets the color to use for the "no matches found" label.
*/
get noMatchesFoundLabelBackgroundColor(): string;
set noMatchesFoundLabelBackgroundColor(v: string);
/**
* Gets the actual color to use for the "no matches found" label.
*/
get actualNoMatchesFoundLabelBackgroundColor(): string;
set actualNoMatchesFoundLabelBackgroundColor(v: string);
/**
* Gets or sets the color to use for the "no matches found" label.
*/
get noMatchesFoundLabelTextColor(): string;
set noMatchesFoundLabelTextColor(v: string);
/**
* Gets the actual color to use for the "no matches found" label.
*/
get actualNoMatchesFoundLabelTextColor(): string;
set actualNoMatchesFoundLabelTextColor(v: string);
/**
* Gets or sets the font to use for the combobox.
*/
get noMatchesFoundLabelTextStyle(): string;
set noMatchesFoundLabelTextStyle(v: string);
/**
* Placeholder text which gives the user a hint about what kind of text is expected.
*/
get placeholder(): string;
set placeholder(v: string);
/**
* Gets or sets the visibility of the row separators in the drop down.
*/
get rowSeparatorsVisible(): boolean;
set rowSeparatorsVisible(v: boolean);
/**
* Gets or sets the color to use for the text.
*/
get textColor(): string;
set textColor(v: string);
/**
* Gets the actual color to use for the text color.
*/
get actualTextColor(): string;
set actualTextColor(v: string);
/**
* Gets or sets the font to use for the combobox.
*/
get textStyle(): string;
set textStyle(v: string);
/**
* Gets or sets the color to use for the underline element.
*/
get underlineColor(): string;
set underlineColor(v: string);
/**
* Gets the actual color to use for the underline element.
*/
get actualUnderlineColor(): string;
set actualUnderlineColor(v: string);
/**
* Gets or sets the color to use for the underline element.
*/
get underlineOpacity(): number;
set underlineOpacity(v: number);
/**
* Gets the actual opacity to use for the underline element.
*/
get actualUnderlineOpacity(): number;
set actualUnderlineOpacity(v: number);
/**
* Gets or sets the color to use for the underline ripple element.
*/
get underlineRippleColor(): string;
set underlineRippleColor(v: string);
/**
* Gets the actual color to use for the underline ripple element.
*/
get actualUnderlineRippleColor(): string;
set actualUnderlineRippleColor(v: string);
/**
* Gets or sets the opacity to use for the underline ripple element.
*/
get underlineRippleOpacity(): number;
set underlineRippleOpacity(v: number);
/**
* Gets the actual opacity to use for the underline ripple element.
*/
get actualUnderlineRippleOpacity(): number;
set actualUnderlineRippleOpacity(v: number);
/**
* Gets or sets the width to use for the underline element.
*/
get underlineRippleWidth(): number;
set underlineRippleWidth(v: number);
/**
* Gets the actual width to use for the underline element.
*/
get actualUnderlineRippleWidth(): number;
set actualUnderlineRippleWidth(v: number);
/**
* Gets or sets the width to use for the underline element.
*/
get underlineWidth(): number;
set underlineWidth(v: number);
/**
* Gets the actual width to use for the underline element.
*/
get actualUnderlineWidth(): number;
set actualUnderlineWidth(v: number);
/**
* Whether to allow filtering of the combo
*/
get allowFilter(): boolean;
set allowFilter(v: boolean);
/**
* Returns/sets the action to take when a column header is clicked.
*/
get sortMode(): SortMode;
set sortMode(v: SortMode);
/**
* Determines the name of the field in the data source will be used as the Text of the MultiColumnComboBox.
*/
get textField(): string;
set textField(v: string);
/**
* The text displayed in the edit portion of the control.
*/
get text(): string;
set text(v: string);
/**
* Sets or gets the user provided primary key to assume for the data. Certain functionality of the combo (such as the the current Value) requires
* a way to uniquely identify items in order to work correctly.
* If a primary key cannot be inferred from the data source, you may need to provide one here.
*/
get valueField(): string[];
set valueField(v: string[]);
/**
* Gets the actual name of the field in the data source will be used as the Value of the MultiColumnComboBox.
*/
get actualValueField(): string[];
set actualValueField(v: string[]);
/**
* Gets or sets the Value of the combo.
* When the user selects an item from, the value is set based on the specified ValueField field. If not ValueField is specified, then the first field in the data source is used.
* When the user enters text into the combo, the list is searched based on the TextField field. If a matching string is found, the Value of the combo is the value of the ValueField field in the same row.
* If the text entered in the combo does not match any item on the list, then the value will return null.
*/
get value(): any;
set value(v: any);
/**
* Indicates that the dropdown will position itself relative to the window instead of the document.
*/
get isFixed(): boolean;
set isFixed(v: boolean);
/**
* Indicates that the dropdown should open as a child of the combobox.
*/
get openAsChild(): boolean;
set openAsChild(v: boolean);
/**
* Indicates that the dropdown will place itself into the browser top layer.
*/
get useTopLayer(): boolean;
set useTopLayer(v: boolean);
findByName(name: string): any;
protected __p: string;
protected _hasUserValues: Set<string>;
protected get hasUserValues(): Set<string>;
protected __m(propertyName: string): void;
protected _stylingContainer: any;
protected _stylingParent: any;
protected _inStyling: boolean;
protected _styling(container: any, component: any, parent?: any): void;
/**
* Programmatically closes the list.
*/
closeUp(): void;
/**
* Programmatically drops down the list.
*/
dropDown(): void;
/**
* Selects all the text in the combo input area.
*/
select(): void;
/**
* Exports visual information about the current state of the grid.
*/
exportVisualModel(): any;
/**
* Returns a serialized copy of the exported visual model
*/
exportSerializedVisualModel(): string;
private _gotFocus;
private _gotFocus_wrapped;
get gotFocus(): (s: IgrMultiColumnComboBox, e: IgrGotFocusEventArgs) => void;
set gotFocus(ev: (s: IgrMultiColumnComboBox, e: IgrGotFocusEventArgs) => void);
private _lostFocus;
private _lostFocus_wrapped;
get lostFocus(): (s: IgrMultiColumnComboBox, e: IgrLostFocusEventArgs) => void;
set lostFocus(ev: (s: IgrMultiColumnComboBox, e: IgrLostFocusEventArgs) => void);
private _textValueChanged;
private _textValueChanged_wrapped;
get textValueChanged(): (s: IgrMultiColumnComboBox, e: IgrMultiColumnComboBoxTextChangedEventArgs) => void;
set textValueChanged(ev: (s: IgrMultiColumnComboBox, e: IgrMultiColumnComboBoxTextChangedEventArgs) => void);
private _selectedValueChanged;
private _selectedValueChanged_wrapped;
get selectedValueChanged(): (s: IgrMultiColumnComboBox, e: IgrMultiColumnComboBoxValueChangedEventArgs) => void;
set selectedValueChanged(ev: (s: IgrMultiColumnComboBox, e: IgrMultiColumnComboBoxValueChangedEventArgs) => void);
private _keyDown;
private _keyDown_wrapped;
get keyDown(): (s: IgrMultiColumnComboBox, e: IgrKeyEventArgs) => void;
set keyDown(ev: (s: IgrMultiColumnComboBox, e: IgrKeyEventArgs) => void);
private _change;
private _change_wrapped;
get change(): (s: IgrMultiColumnComboBox, e: IgrInputChangeEventArgs) => void;
set change(ev: (s: IgrMultiColumnComboBox, e: IgrInputChangeEventArgs) => void);
private _changing;
private _changing_wrapped;
get changing(): (s: IgrMultiColumnComboBox, e: IgrInputChangeEventArgs) => void;
set changing(ev: (s: IgrMultiColumnComboBox, e: IgrInputChangeEventArgs) => void);
private _textChange;
private _textChange_wrapped;
get textChange(): (s: IgrMultiColumnComboBox, e: string) => void;
set textChange(ev: (s: IgrMultiColumnComboBox, e: string) => void);
private _valueChange;
private _valueChange_wrapped;
get valueChange(): (s: IgrMultiColumnComboBox, e: any) => void;
set valueChange(ev: (s: IgrMultiColumnComboBox, e: any) => void);
}
export interface IIgrMultiColumnComboBoxProps {
width?: string;
height?: string;
/**
* Gets or sets the default column width to use if a column as no local width.
* */
defaultColumnWidth?: IgrColumnWidth | string;
children?: React.ReactNode;
/**
* Gets or sets the ShowClearButton property to detirmine if the clear button is shown
*/
showClearButton?: boolean | string;
/**
* Gets or sets the desired properties for the data source to load. If specified the data source may decide to constrain the properties it fetches to these properties and must make sure that at least those properties are loaded, rather than the default behavior for that data source.
*/
fields?: string[];
/**
* Gets or sets the background color to use for the input group.
*/
backgroundColor?: string;
/**
* Gets the actual opacity to use for the underline ripple element.
*/
actualBackgroundColor?: string;
/**
* Gets or sets the base built in theme to use for the component.
*/
baseTheme?: BaseControlTheme | string;
/**
* Gets the actual display baseTheme to use for the component.
*/
actualBaseTheme?: BaseControlTheme | string;
/**
* Gets or sets the color to use the border of the input group.
*/
borderColor?: string;
/**
* Gets the actual item background color.
*/
actualBorderColor?: string;
/**
* Gets or sets the border width to use for the border of the item group.
*/
borderWidth?: number | string;
/**
* Gets the actual item border width.
*/
actualBorderWidth?: number | string;
/**
* Gets or sets the visibility of the drop down button.
*/
columnHeadersVisible?: boolean | string;
contentPaddingBottom?: number | string;
contentPaddingLeft?: number | string;
contentPaddingRight?: number | string;
contentPaddingTop?: number | string;
actualContentPaddingBottom?: number | string;
actualContentPaddingLeft?: number | string;
actualContentPaddingRight?: number | string;
actualContentPaddingTop?: number | string;
cornerRadiusBottomRight?: number | string;
cornerRadiusBottomLeft?: number | string;
cornerRadiusTopLeft?: number | string;
cornerRadiusTopRight?: number | string;
actualCornerRadiusBottomRight?: number | string;
actualCornerRadiusBottomLeft?: number | string;
actualCornerRadiusTopLeft?: number | string;
actualCornerRadiusTopRight?: number | string;
/**
* Gets or sets the desired properties for the data source to load. If specified the data source may decide to constrain the properties it fetches to these properties and must make sure that at least those properties are loaded, rather than the default behavior for that data source.
*/
dataSourceDesiredProperties?: string[];
/**
* Gets or sets the display Density to use for the buttons and dropdown grid.
*/
density?: ControlDisplayDensity | string;
/**
* Gets the actual display Density to use for the component.
*/
actualDensity?: ControlDisplayDensity | string;
/**
* Gets or sets the visibility of the drop down button.
*/
dropDownButtonVisible?: boolean | string;
/**
* Gets or sets the color to use the hovered background of the inputs in the group.
*/
focusBorderColor?: string;
/**
* Gets the actual item border color.
*/
actualFocusBorderColor?: string;
/**
* Gets or sets the border width to use for the border of the item group when focused.
*/
focusBorderWidth?: number | string;
/**
* Gets the actual item border width.
*/
actualFocusBorderWidth?: number | string;
/**
* Gets or sets the color to use for the underline element.
*/
focusUnderlineColor?: string;
/**
* Gets the actual color to use for the underline element when focused.
*/
actualFocusUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element.
*/
focusUnderlineOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline element when focused.
*/
actualFocusUnderlineOpacity?: number | string;
/**
* Gets or sets the opacity to use for the underline ripple element when focused.
*/
focusUnderlineRippleOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline ripple element when focused.
*/
actualFocusUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the color to use for the underline element.
*/
hoverUnderlineColor?: string;
/**
* Gets the actual color to use for the underline element.
*/
actualHoverUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element.
*/
hoverUnderlineOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline element when hovered.
*/
actualHoverUnderlineOpacity?: number | string;
/**
* Gets or sets the width to use for the underline element when hovered.
*/
hoverUnderlineWidth?: number | string;
/**
* Gets the width to use for the underline element when hovered.
*/
actualHoverUnderlineWidth?: number | string;
/**
* Gets or sets the data to which to bind the combo box list. This can be some type of array or list, or it can
* be an IDataSource instance.
*/
dataSource?: any;
/**
* The text displayed in the label portion of the control.
*/
label?: string;
/**
* Gets or sets the color to use for the text.
*/
labelTextColor?: string;
/**
* Gets the actual color to use for the text color.
*/
actualLabelTextColor?: string;
/**
* Gets or sets the font to use for the combobox.
*/
labelTextStyle?: string;
/**
* Gets or sets the visibility of the label.
*/
actualLabelVisible?: boolean | string;
/**
* Gets or sets the text to display on the list when no suggested matches are found.
*/
noMatchesFoundLabel?: string;
/**
* Gets the actual text to display on the list when no suggested matches are found.
*/
actualNoMatchesFoundLabel?: string;
/**
* Gets or sets the color to use for the "no matches found" label.
*/
noMatchesFoundLabelBackgroundColor?: string;
/**
* Gets the actual color to use for the "no matches found" label.
*/
actualNoMatchesFoundLabelBackgroundColor?: string;
/**
* Gets or sets the color to use for the "no matches found" label.
*/
noMatchesFoundLabelTextColor?: string;
/**
* Gets the actual color to use for the "no matches found" label.
*/
actualNoMatchesFoundLabelTextColor?: string;
/**
* Gets or sets the font to use for the combobox.
*/
noMatchesFoundLabelTextStyle?: string;
/**
* Placeholder text which gives the user a hint about what kind of text is expected.
*/
placeholder?: string;
/**
* Gets or sets the visibility of the row separators in the drop down.
*/
rowSeparatorsVisible?: boolean | string;
/**
* Gets or sets the color to use for the text.
*/
textColor?: string;
/**
* Gets the actual color to use for the text color.
*/
actualTextColor?: string;
/**
* Gets or sets the font to use for the combobox.
*/
textStyle?: string;
/**
* Gets or sets the color to use for the underline element.
*/
underlineColor?: string;
/**
* Gets the actual color to use for the underline element.
*/
actualUnderlineColor?: string;
/**
* Gets or sets the color to use for the underline element.
*/
underlineOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline element.
*/
actualUnderlineOpacity?: number | string;
/**
* Gets or sets the color to use for the underline ripple element.
*/
underlineRippleColor?: string;
/**
* Gets the actual color to use for the underline ripple element.
*/
actualUnderlineRippleColor?: string;
/**
* Gets or sets the opacity to use for the underline ripple element.
*/
underlineRippleOpacity?: number | string;
/**
* Gets the actual opacity to use for the underline ripple element.
*/
actualUnderlineRippleOpacity?: number | string;
/**
* Gets or sets the width to use for the underline element.
*/
underlineRippleWidth?: number | string;
/**
* Gets the actual width to use for the underline element.
*/
actualUnderlineRippleWidth?: number | string;
/**
* Gets or sets the width to use for the underline element.
*/
underlineWidth?: number | string;
/**
* Gets the actual width to use for the underline element.
*/
actualUnderlineWidth?: number | string;
/**
* Whether to allow filtering of the combo
*/
allowFilter?: boolean | string;
/**
* Returns/sets the action to take when a column header is clicked.
*/
sortMode?: SortMode | string;
/**
* Determines the name of the field in the data source will be used as the Text of the MultiColumnComboBox.
*/
textField?: string;
/**
* The text displayed in the edit portion of the control.
*/
text?: string;
/**
* Sets or gets the user provided primary key to assume for the data. Certain functionality of the combo (such as the the current Value) requires
* a way to uniquely identify items in order to work correctly.
* If a primary key cannot be inferred from the data source, you may need to provide one here.
*/
valueField?: string[];
/**
* Gets the actual name of the field in the data source will be used as the Value of the MultiColumnComboBox.
*/
actualValueField?: string[];
/**
* Gets or sets the Value of the combo.
* When the user selects an item from, the value is set based on the specified ValueField field. If not ValueField is specified, then the first field in the data source is used.
* When the user enters text into the combo, the list is searched based on the TextField field. If a matching string is found, the Value of the combo is the value of the ValueField field in the same row.
* If the text entered in the combo does not match any item on the list, then the value will return null.
*/
value?: any;
/**
* Indicates that the dropdown will position itself relative to the window instead of the document.
*/
isFixed?: boolean | string;
/**
* Indicates that the dropdown should open as a child of the combobox.
*/
openAsChild?: boolean | string;
/**
* Indicates that the dropdown will place itself into the browser top layer.
*/
useTopLayer?: boolean | string;
gotFocus?: (s: IgrMultiColumnComboBox, e: IgrGotFocusEventArgs) => void;
lostFocus?: (s: IgrMultiColumnComboBox, e: IgrLostFocusEventArgs) => void;
textValueChanged?: (s: IgrMultiColumnComboBox, e: IgrMultiColumnComboBoxTextChangedEventArgs) => void;
selectedValueChanged?: (s: IgrMultiColumnComboBox, e: IgrMultiColumnComboBoxValueChangedEventArgs) => void;
keyDown?: (s: IgrMultiColumnComboBox, e: IgrKeyEventArgs) => void;
change?: (s: IgrMultiColumnComboBox, e: IgrInputChangeEventArgs) => void;
changing?: (s: IgrMultiColumnComboBox, e: IgrInputChangeEventArgs) => void;
}