Modify to example to show/hide add button

jupyterlab · Aug 18, 2020 · da0840b · da0840b
1 parent 9c662cb
commit da0840b
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/examples/example-dockpanel/src/index.ts b/examples/example-dockpanel/src/index.ts
@@ -355,8 +355,25 @@ function main(): void {
   dock.addWidget(b2, { mode: 'split-right', ref: y1 });
   dock.id = 'dock';
 
+  dock.widgetAddRequested.connect((sender: DockPanel, args: DockPanel.IWidgetAddRequestedArgs<Widget>) => {
+    let w = new ContentWidget("Green");
+    sender.addWidget(w, { ref: args.tabBar.titles[0].owner });
+  });
+
   let savedLayouts: DockPanel.ILayoutConfig[] = [];
 
+  commands.addCommand('example:add-button', {
+    label: 'Toggle add button',
+    mnemonic: 0,
+    caption: 'Toggle add Button',
+    execute: () => {
+      dock.addButtonEnabled = !dock.addButtonEnabled;
+      console.log('Toggle add button');
+    }
+  });
+  contextMenu.addItem({ command: 'example:add-button', selector: '.content' });
+
+
   commands.addCommand('save-dock-layout', {
     label: 'Save Layout',
     caption: 'Save the current dock layout',