本文整理汇总了TypeScript中@jupyterlab/apputils.MainAreaWidget类的典型用法代码示例。如果您正苦于以下问题：TypeScript MainAreaWidget类的具体用法？TypeScript MainAreaWidget怎么用？TypeScript MainAreaWidget使用的例子？那么, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了MainAreaWidget类的5个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: it
it('should create a new main area widget', () => {
const widget = new MainAreaWidget();
expect(widget).to.be.an.instanceof(MainAreaWidget);
expect(widget.hasClass('jp-MainAreaWidget')).to.equal(true);
expect(widget.node.tabIndex).to.equal(-1);
expect(widget.layout).to.be.an.instanceof(PanelLayout);
});示例2: getCurrent
execute: args => {
// Clone the OutputArea
const current = getCurrent({ ...args, activate: false });
const nb = current.notebook;
const outputAreaView = (nb.activeCell as CodeCell).cloneOutputArea();
// Create an empty toolbar
const toolbar = new Widget();
toolbar.addClass('jp-Toolbar');
toolbar.addClass('jp-LinkedOutputView-toolbar');
// Create a MainAreaWidget
const layout = new PanelLayout();
const widget = new MainAreaWidget({ layout });
widget.id = `LinkedOutputView-${uuid()}`;
widget.title.label = 'Output View';
widget.title.icon = NOTEBOOK_ICON_CLASS;
widget.title.caption = current.title.label ? `For Notebook: ${current.title.label}` : 'For Notebook:';
widget.addClass('jp-LinkedOutputView');
layout.addWidget(toolbar);
layout.addWidget(outputAreaView);
current.context.addSibling(
widget, { ref: current.id, mode: 'split-bottom' }
);
// Remove the output view if the parent notebook is closed.
nb.disposed.connect(widget.dispose);
},示例3: it
it('should create a new main area widget', () => {
const content = new Widget();
const widget = new MainAreaWidget({ content });
expect(widget).to.be.an.instanceof(MainAreaWidget);
expect(widget.hasClass('jp-MainAreaWidget')).to.equal(true);
expect(widget.content.node.tabIndex).to.equal(-1);
expect(widget.title.closable).to.equal(true);
});示例4: MainAreaWidget
let createWidget = () => {
let content = rendermime.createRenderer('text/markdown');
const model = rendermime.createModel({
data: { 'text/markdown': SOURCE }
});
void content.renderModel(model);
content.addClass('jp-FAQ-content');
let widget = new MainAreaWidget({ content });
widget.addClass('jp-FAQ');
widget.title.label = 'FAQ';
return widget;
};示例5: getCurrent
execute: args => {
// Clone the OutputArea
const current = getCurrent({ ...args, activate: false });
const nb = current.content;
const content = (nb.activeCell as CodeCell).cloneOutputArea();
// Create a MainAreaWidget
const widget = new MainAreaWidget({ content });
widget.id = `LinkedOutputView-${UUID.uuid4()}`;
widget.title.label = 'Output View';
widget.title.icon = NOTEBOOK_ICON_CLASS;
widget.title.caption = current.title.label
? `For Notebook: ${current.title.label}`
: 'For Notebook:';
widget.addClass('jp-LinkedOutputView');
current.context.addSibling(widget, {
ref: current.id,
mode: 'split-bottom'
});
// Remove the output view if the parent notebook is closed.
nb.disposed.connect(widget.dispose);
},