zoukankan      html  css  js  c++  java
  • [OHIF-Viewers]医疗数字阅片-医学影像-Module: Panel-自定义面板-上

    [OHIF-Viewers]医疗数字阅片-医学影像-Module: Panel-自定义面板-上

    https://docs.ohif.org/extensions/modules/panel.html

    Module: Panel

    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.

    Panel Extension

    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'],
        };
      },
    };
  • 相关阅读:
    Flutter竟然发布了1.5版本!!!!
    微软最爽命令行工具发布!
    被忽略的CSS规则
    代码精进之路读后感(六-结束篇)
    深入解析QML引擎, 第4部分: 自定义解析器
    深入解析QML引擎, 第3部分: 绑定类型
    深入解析QML引擎, 第2部分: 绑定(Bindings)
    编译V8过程全纪录
    面试总结
    Qt网络编程
  • 原文地址:https://www.cnblogs.com/landv/p/13304709.html
Copyright © 2011-2022 走看看