本文整理匯總了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);
},