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


TypeScript Panel.insertWidget方法代码示例

本文整理汇总了TypeScript中@phosphor/widgets.Panel.insertWidget方法的典型用法代码示例。如果您正苦于以下问题:TypeScript Panel.insertWidget方法的具体用法?TypeScript Panel.insertWidget怎么用?TypeScript Panel.insertWidget使用的例子?那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在@phosphor/widgets.Panel的用法示例。


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

示例1: it

 it('should insert a widget at the specified index', () => {
   let panel = new Panel();
   let widget = new Widget();
   panel.addWidget(new Widget());
   panel.insertWidget(0, widget);
   expect(panel.widgets[0]).to.equal(widget);
 });
开发者ID:afshin,项目名称:phosphor,代码行数:7,代码来源:panel.spec.ts

示例2: addLabel

  addLabel() {
    this.label = new Panel();
    this.labelContent = new Widget();

    this.labelContent.node.innerText = `${this.model.get('headerLabel') || DEFAULT_LABEL_TEXT}`;
    this.labelContent.node.classList.add('foldout-label-content');
    this.label.node.classList.add('foldout-label');
    this.label.node.addEventListener('click', this.headerClickCallback.bind(this));
    this.label.insertWidget(0, this.labelContent);
    this.pWidget.insertWidget(0, this.label);
  }
开发者ID:twosigma,项目名称:beaker-notebook,代码行数:11,代码来源:Foldout.ts

示例3: render

 render() {
     const manager = this.model.widget_manager
     const rendermime = manager.renderMime;
     this._outputView = new OutputArea({
         rendermime: rendermime,
         model: this.model.outputs
     })
     this.pWidget.insertWidget(0, this._outputView);
     this.pWidget.addClass('jupyter-widgets');
     this.pWidget.addClass('widget-output');
     this.update();
 }
开发者ID:SylvainCorlay,项目名称:ipywidgets,代码行数:12,代码来源:output.ts


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