interface ExCustomComponentScope {
// Methods that can be provided
onDestroy?: () => void;
afterViewInit?: () => void;
onModelChange?: () => void;
onMessagesUpdate?: (messages: ExWidgetMessage[]) => void;
// Fields provided by the platform
domId: string;
componentId: string;
componentMid: string;
translations: { [key: string]: string; };
componentInput: { [key: string]: string[]; };
componentData: { [key: string]: string; };
serviceResponses: { [key: string]: { [key: string]: string }[] };
visible: boolean;
// Methods provided by the platform - do not override them
callNative(nativeFunction: (api: NativeAppApi) => any): void
getValue(): string;
setValue(value: string): void;
/**
* @deprecated New CustomComponents should use querySelector
*/
queryChild(query: string): JQuery;
querySelector(query: string): Element;
putData(key: string, value: string): void;
saveData(key: string, value: string): void;
getData(key: string): string;
translate(key: string): string;
schedule(func: () => any): void;
clean(): void;
callServiceProxy(serviceName: string, params: { [key: string]: string[] }): Observable<ExServiceProxyResponse>;
callServiceProxyAsync(serviceName: string, params: { [key: string]: string[] }): Observable<ExServiceProxyResponse>;
initTooltip(id: string, element: any, data: ExWidgetTooltip): void;
destroyTooltip(id: string): void;
showTooltip(id: string): void;
hideTooltip(id: string): void;
destroyAllTooltips(): void;
goForward(): void;
goBackward(): void;
setActiveForward(): void;
setInactiveForward(): void;
triggerCustomEvent(event: string): void;
sendCurrentValueEvent(): void;
isPageValid(): Observable<boolean>;
}
interface ExServiceProxyResponse {
name: string;
componentId: string;
response: { [key: string]: string }[];
}
interface ExWidgetTooltip {
text: string;
position: ExWidgetTooltipPosition;
type: ExWidgetTooltipType;
width?: number;
height?: number;
styleClasses?: string;
onFocus?: boolean;
}
enum ExWidgetTooltipPosition {
TOP,
BOTTOM,
LEFT,
RIGHT,
ADAPTIVE,
// Deprecated:
LEFT_TOP,
LEFT_BOTTOM,
RIGHT_TOP,
RIGHT_BOTTOM
}
enum ExWidgetTooltipType {
HOVER,
BUTTON
}
interface ExWidgetMessage {
getMessage(): string;
getType(): ExWidgetMessageType;
}
enum ExWidgetMessageType {
VALIDATION_POPUP,
VALIDATION,
INFO,
COMPONENT_INFO
}
symbol. A list of CustomComponents available in the repository will be displayed.
At the top of the panel there is a search field that allows you to find the artifact to embed more quickly. Adding a component involves dragging it from the palette and dropping it in the appropriate place in the application.
