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 | (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 |
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: (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;
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
Getting started with Grafana 8
Grafana 8.0 is here! Join us for a live walkthrough on how to get started using Grafana 8 and the Grafana 8 user interface while showing how to set up monitoring for a web service that uses Prometheus and Loki to store metrics and logs.
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.
Demo: 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.
