• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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



在下文中一共展示了open函数的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();
    });

    drop.open();
  };
开发者ID:ArtyomyuS,项目名称:grafana,代码行数:41,代码来源:popover_srv.ts


示例3: setTimeout

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



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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript text-encoding.TextDecoder类代码示例发布时间:2022-05-25
下一篇:
TypeScript tether-drop.on函数代码示例发布时间:2022-05-25
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap