Documentation for automated readers
A curated documentation index is available at: https://grafana.com/llms.txt
A complete documentation index is available at: https://grafana.com/llms-full.txt
These indexes can help with page discovery before fetching individual documents.
This page is also available in Markdown, which may be easier for automated readers and AI tools to parse than HTML. The Markdown version is available at https://grafana.com/docs/grafana/v7.5/packages_api/data/appplugin.md, or by sending Accept: text/markdown to https://grafana.com/docs/grafana/v7.5/packages_api/data/appplugin/. For broader documentation discovery, the curated index is available at https://grafana.com/llms.txt and the complete index is available at https://grafana.com/llms-full.txt.
Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.
AppPlugin class
Signature
export declare class AppPlugin<T = KeyValue> extends GrafanaPlugin<AppPluginMeta<T>> Import
import { AppPlugin } from '@grafana/data';Properties
| Property | Modifiers | Type | Description |
|---|---|---|---|
| angularPages | {[component: string]: any;} | ||
| root | ComponentClass<AppRootProps<T>> | ||
| rootNav | NavModel |
Methods
| Method | Modifiers | Description |
|---|---|---|
| init(meta) | Called after the module has loaded, and before the app is used. This function may be called multiple times on the same instance. The first time, this.meta will be undefined | |
| setComponentsFromLegacyExports(pluginExports) | ||
| setRootPage(root, rootNav) | Set the component displayed under: /a/${plugin-id}/*If the NavModel is configured, the page will have a managed frame, otheriwse it has full control.NOTE: this structure will change in 7.2+ so that it is managed with a normal react router |
angularPages property
Signature
angularPages?: {
[component: string]: any;
};root property
Signature
root?: ComponentClass<AppRootProps<T>>;rootNav property
Signature
rootNav?: NavModel;init method
Called after the module has loaded, and before the app is used. This function may be called multiple times on the same instance. The first time, this.meta will be undefined
Signature
init(meta: AppPluginMeta): void;Parameters
| Parameter | Type | Description |
|---|---|---|
| meta | AppPluginMeta |
Returns:
void
setComponentsFromLegacyExports method
Signature
setComponentsFromLegacyExports(pluginExports: any): void;Parameters
| Parameter | Type | Description |
|---|---|---|
| pluginExports | any |
Returns:
void
setRootPage method
Set the component displayed under: /a/${plugin-id}/*
If the NavModel is configured, the page will have a managed frame, otheriwse it has full control.
NOTE: this structure will change in 7.2+ so that it is managed with a normal react router
Signature
setRootPage(root: ComponentClass<AppRootProps<T>>, rootNav?: NavModel): this;Parameters
| Parameter | Type | Description |
|---|---|---|
| root | ComponentClass<AppRootProps<T>> | |
| rootNav | NavModel |
Returns:
this