當前位置: 首頁>>代碼示例>>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;未經允許,請勿轉載。