當前位置: 首頁>>代碼示例>>TypeScript>>正文


TypeScript TabPanel.attach方法代碼示例

本文整理匯總了TypeScript中phosphor-tabs.TabPanel.attach方法的典型用法代碼示例。如果您正苦於以下問題:TypeScript TabPanel.attach方法的具體用法?TypeScript TabPanel.attach怎麽用?TypeScript TabPanel.attach使用的例子?那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在phosphor-tabs.TabPanel的用法示例。


在下文中一共展示了TabPanel.attach方法的1個代碼示例,這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚,您的評價將有助於係統推薦出更棒的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


注:本文中的phosphor-tabs.TabPanel.attach方法示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台,相關代碼片段篩選自各路編程大神貢獻的開源項目,源碼版權歸原作者所有,傳播和使用請參考對應項目的License;未經允許,請勿轉載。