TypeScript phosphor-tabs.TabPanel类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

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

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

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

示例1: main

/**
 * The main application entry point.
 */
function main(): void {
  var model = new app.TodoModel('react-todos');
  var todo = new TodoWidget(model);
  todo.title.text = 'Demo';

  var cmSource = new CodeMirrorWidget({
    mode: 'text/typescript',
    lineNumbers: true,
    tabSize: 2,
  });
  cmSource.loadTarget('./index.ts');
  cmSource.title.text = 'Source';

  var cmCss = new CodeMirrorWidget({
    mode: 'text/css',
    lineNumbers: true,
    tabSize: 2,
  });
  cmCss.loadTarget('./index.css');
  cmCss.title.text = 'CSS';

  var panel = new TabPanel()
  panel.id = 'main';
  panel.addChild(todo);
  panel.addChild(cmSource);
  panel.addChild(cmCss);

  panel.attach(document.body);

  window.onresize = () => { panel.update(); };
}

开发者ID:SimonBiggs，项目名称:phosphorjs.github.io，代码行数:34，代码来源:index.ts

示例2: createDocumentTabPanel

  function createDocumentTabPanel(app: App): TabPanel {
    let panel = new TabPanel();
    panel.tabsMovable = true;

    let docPanel = new DocumentPanel();
    panel.addChild(docPanel);

    return panel;
  }

开发者ID:munshkr，项目名称:gakuon-editor，代码行数:9，代码来源:panel.ts

示例3: addContent

/**
 * Add a new content widget the the given tab panel.
 */
function addContent(panel: TabPanel): void {
  var content = new ContentWidget(nextTitle());
  panel.addChild(content);
}

开发者ID:SimonBiggs，项目名称:phosphorjs.github.io，代码行数:7，代码来源:index.ts

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