Cascader class
Signature
export declare class Cascader extends React.PureComponent<CascaderProps, CascaderState>
Import
import { Cascader } from '@grafana/ui';
Constructors
| Constructor | Modifiers | Description |
|---|---|---|
| constructor(props) | Constructs a new instance of the Cascader class |
Properties
| Property | Modifiers | Type | Description |
|---|---|---|---|
| defaultProps | static |
{ changeOnSelect: boolean; } |
|
| flattenOptions | (options: CascaderOption[], optionPath?: CascaderOption[]) => SelectableValue<string[]>[] |
||
| getSearchableOptions | import("memoize-one").MemoizedFn<(options: CascaderOption[]) => SelectableValue<string[]>[]> |
||
| onBlur | () => void |
||
| onBlurCascade | () => void |
||
| onChange | (value: string[], selectedOptions: CascaderOption[]) => void |
||
| onCreateOption | (value: string) => void |
||
| onInputKeyDown | (e: React.KeyboardEvent<HTMLInputElement>) => void |
||
| onSelect | (obj: SelectableValue<string[]>) => void |
||
| onSelectInputChange | (value: string) => void |
Methods
| Method | Modifiers | Description |
|---|---|---|
| render() | ||
| setInitialValue(searchableOptions, initValue) |
constructor(props)
Constructs a new instance of the Cascader class
Signature
constructor(props: CascaderProps);
Parameters
| Parameter | Type | Description |
|---|---|---|
| props | CascaderProps |
defaultProps property
Signature
static defaultProps: {
changeOnSelect: boolean;
};
flattenOptions property
Signature
flattenOptions: (options: CascaderOption[], optionPath?: CascaderOption[]) => SelectableValue<string[]>[];
getSearchableOptions property
Signature
getSearchableOptions: import("memoize-one").MemoizedFn<(options: CascaderOption[]) => SelectableValue<string[]>[]>;
onBlur property
Signature
onBlur: () => void;
onBlurCascade property
Signature
onBlurCascade: () => void;
onChange property
Signature
onChange: (value: string[], selectedOptions: CascaderOption[]) => void;
onCreateOption property
Signature
onCreateOption: (value: string) => void;
onInputKeyDown property
Signature
onInputKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
onSelect property
Signature
onSelect: (obj: SelectableValue<string[]>) => void;
onSelectInputChange property
Signature
onSelectInputChange: (value: string) => void;
render method
Signature
render(): JSX.Element;
Returns:
JSX.Element
setInitialValue method
Signature
setInitialValue(searchableOptions: Array<SelectableValue<string[]>>, initValue?: string): {
rcValue: string[];
activeLabel: any;
};
Parameters
| Parameter | Type | Description |
|---|---|---|
| searchableOptions | Array<SelectableValue<string[]>> |
|
| initValue | string |
Returns:
{
rcValue: string[];
activeLabel: any;
}
Related Grafana resources
Opening keynote: What's new in Grafana 9?
Raj Dutt, Myrle Krantz, and Torkel Ödegaard unveil what's new in Grafana 9. Watch the opening keynote presentation from GrafanaCONline 2022. On-demand.
Unify your data with Grafana plugins: Splunk, MongoDB, Datadog, and more
Show how Grafana can be used to take data from multiple different sources and unify it, without disrupting the investments that are working today.
Getting started with Grafana Enterprise and observability
Join the Grafana Labs team for a 30-minute demo of how to get started with the Grafana Stack, so you can go from zero to observability in just a few minutes.
