当前位置: 首页>>代码示例>>TypeScript>>正文


TypeScript tether-drop.on函数代码示例

本文整理汇总了TypeScript中tether-drop.on函数的典型用法代码示例。如果您正苦于以下问题:TypeScript on函数的具体用法?TypeScript on怎么用?TypeScript on使用的例子?那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。


在下文中一共展示了on函数的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。

示例1: Drop

    ($compile, $rootScope) => {
      const eventManager = plot.getOptions().events.manager;
      const tmpScope = $rootScope.$new(true);
      tmpScope.event = event;
      tmpScope.onEdit = () => {
        eventManager.editEvent(event);
      };

      $compile(content)(tmpScope);
      tmpScope.$digest();
      tmpScope.$destroy();

      const drop = new Drop({
        target: element[0],
        content: content,
        position: 'bottom center',
        classes: 'drop-popover drop-popover--annotation',
        openOn: 'hover',
        hoverCloseDelay: 200,
        tetherOptions: {
          constraints: [{ to: 'window', pin: true, attachment: 'both' }],
        },
      });

      drop.open();

      drop.on('close', () => {
        setTimeout(() => {
          drop.destroy();
        });
      });
    },
开发者ID:CorpGlory,项目名称:grafana,代码行数:32,代码来源:jquery.flot.events.ts

示例2: function

  this.show = function(options) {
    var popoverScope = _.extend($rootScope.$new(true), options.model);
    var drop;

    function destroyDrop() {
      setTimeout(function() {
        if (drop.tether) {
          drop.destroy();
        }
      });
    }

    popoverScope.dismiss = function() {
      popoverScope.$destroy();
      destroyDrop();
    };

    var contentElement = document.createElement('div');
    contentElement.innerHTML = options.template;

    $compile(contentElement)(popoverScope);

    drop = new Drop({
      target: options.element,
      content: contentElement,
      position: options.position,
      classes: 'drop-popover',
      openOn: options.openOn || 'hover',
      hoverCloseDelay: 200,
      tetherOptions: {
        constraints: [{to: 'window', pin: true, attachment: "both"}]
      }
    });

    drop.on('close', () => {
      popoverScope.dismiss({fromDropClose: true});
      destroyDrop();
      if (options.onClose) {
        options.onClose();
      }
    });

    setTimeout(() => { drop.open(); }, 10);
  };
开发者ID:0x01feng,项目名称:grafana,代码行数:44,代码来源:popover_srv.ts

示例3: Drop

    $timeout(() => {
      drop = new Drop({
        target: options.element,
        content: contentElement,
        position: options.position,
        classes: options.classNames || 'drop-popover',
        openOn: options.openOn,
        hoverCloseDelay: 200,
        tetherOptions: {
          constraints: [{ to: 'scrollParent', attachment: 'together' }],
        },
      });

      drop.on('close', () => {
        cleanUp();
      });

      openDrop = drop;
      openDrop.open();
    }, 100);
开发者ID:gzq0616,项目名称:grafana,代码行数:20,代码来源:popover_srv.ts


注:本文中的tether-drop.on函数示例由纯净天空整理自Github/MSDocs等开源代码及文档管理平台,相关代码片段筛选自各路编程大神贡献的开源项目,源码版权归原作者所有,传播和使用请参考对应项目的License;未经允许,请勿转载。