本文整理汇总了TypeScript中phosphor-tabs.TabPanel.addChild方法的典型用法代码示例。如果您正苦于以下问题:TypeScript TabPanel.addChild方法的具体用法?TypeScript TabPanel.addChild怎么用?TypeScript TabPanel.addChild使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类phosphor-tabs.TabPanel
的用法示例。
在下文中一共展示了TabPanel.addChild方法的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(); };
}
示例2: createDocumentTabPanel
function createDocumentTabPanel(app: App): TabPanel {
let panel = new TabPanel();
panel.tabsMovable = true;
let docPanel = new DocumentPanel();
panel.addChild(docPanel);
return panel;
}
示例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);
}