An extension can register a Panel Module by defining a getPanelModule method. The panel module provides the ability to define menuOptions and components that can be used by the consuming application. components are React Components that can be displayed in the consuming application's "Panel" Component.
A panel extension example
The menuOptions's target key points to a registered components's id. A defaultContext is applied to all menuOptions; however, each menuOption can optional provide it's own context value.
The getPanelModule receives an object containing the ExtensionManager's associated ServicesManager and CommandsManager.
import MyComponent from './MyComponent.js';
export default {
id: 'example-panel-module',
/**
* @param {object} params
* @param {ServicesManager} params.servicesManager
* @param {CommandsManager} params.commandsManager
*/
getPanelModule({ servicesManager, commandsManager }) {
return {
menuOptions: [
{
// A suggested icon
// Available icons determined by consuming app
icon: 'list',
// A suggested label
label: 'Magic',
// 'right' or 'left'
from: 'right',
// The target component to toggle open/close
target: 'target-component-id',
// UI Hint; If the target panel is in a "disabled" state
isDisabled: studies => {
return false;
},
// Overrides `defaultContext`, if specified
context: ['ACTIVE_VIEWPORT:MAGIC'],
},
],
components: [
{
id: 'target-component-id',
component: MyComponent,
},
],
defaultContext: ['ROUTE:VIEWER'],
};
},
};
https://www.cnblogs.com/landv/p/13304709.html 阅读目录(Content)
引言
回到顶部(go to top)
[OHIF-Viewers]医疗数字阅片-医学影像-Module: Panel-自定义面板-上
https://docs.ohif.org/extensions/modules/panel.html
回到顶部(go to top)
Module: Panel
An extension can register a Panel Module by defining a
getPanelModule
method. The panel module provides the ability to definemenuOptions
andcomponents
that can be used by the consuming application.components
are React Components that can be displayed in the consuming application's "Panel" Component.A panel extension example
The
menuOptions
'starget
key points to a registeredcomponents
'sid
. AdefaultContext
is applied to allmenuOption
s; however, eachmenuOption
can optional provide it's owncontext
value.The
getPanelModule
receives an object containing theExtensionManager
's associatedServicesManager
andCommandsManager
.