• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

TypeScript phosphor-dockpanel.DockPanel类代码示例

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文整理汇总了TypeScript中phosphor-dockpanel.DockPanel类的典型用法代码示例。如果您正苦于以下问题：TypeScript DockPanel类的具体用法？TypeScript DockPanel怎么用？TypeScript DockPanel使用的例子？那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。



在下文中一共展示了DockPanel类的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: createSidePanel

  function createSidePanel(app: App): DockPanel {
    let panel = new DockPanel();

    let pianoRollWidget = new PianoRoll();
    let instrumentWidget = new InstrumentEditor();
    let oscWidget = new Oscilloscope();

    panel.insertRight(instrumentWidget);
    panel.insertRight(oscWidget, instrumentWidget);
    panel.insertBottom(pianoRollWidget);

    return panel;
  }
开发者ID:munshkr，项目名称:gakuon-editor，代码行数:13，代码来源:panel.ts


示例2: main

function main(): void {
  let term1 = new TerminalWidget({ background: 'black',
                                  color: 'white'});
  let term2 = new TerminalWidget({ background: 'white',
                                  color: 'black'});

  let dock = new DockPanel();
  dock.insertTabBefore(term1);
  dock.insertTabBefore(term2);

  dock.attach(document.body);
  dock.id = 'main';

  window.onresize = () => dock.fit();
}
开发者ID:blink1073，项目名称:jupyter-js-ui，代码行数:15，代码来源:index.ts


示例3: main

function main(): void {
  let term1 = new TerminalWidget({ background: 'black',
                                  color: 'white'});
  let term2 = new TerminalWidget({ background: 'white',
                                  color: 'black'});

  createTerminalSession().then(session => {
    term1.session = session;
  });
  createTerminalSession().then(session => {
    term2.session = session;
  });

  term1.title.closable = true;
  term2.title.closable = true;
  let dock = new DockPanel();
  dock.insertTabBefore(term1);
  dock.insertTabBefore(term2);

  dock.attach(document.body);
  dock.id = 'main';

  window.onresize = () => dock.fit();
}
开发者ID:ChinaQuants，项目名称:jupyterlab，代码行数:24，代码来源:index.ts


示例4: main

/**
 * The main application entry point.
 */
function main(): void {
  var r1 = createContent('Red');
  var r2 = createContent('Red');
  var r3 = createContent('Red');

  var b1 = createContent('Blue');
  var b2 = createContent('Blue');

  var g1 = createContent('Green');
  var g2 = createContent('Green');
  var g3 = createContent('Green');

  var y1 = createContent('Yellow');
  var y2 = createContent('Yellow');

  var panel = new DockPanel();
  panel.id = 'main';

  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';

  panel.insertLeft(cmSource);
  panel.insertRight(b1, cmSource);
  panel.insertBottom(y1, b1);
  panel.insertLeft(g1, y1);

  panel.insertBottom(b2);

  panel.insertTabAfter(cmCss, cmSource);
  panel.insertTabAfter(r1, cmCss);
  panel.insertTabBefore(g2, b2);
  panel.insertTabBefore(y2, g2);
  panel.insertTabBefore(g3, y2);
  panel.insertTabBefore(r2, b1);
  panel.insertTabBefore(r3, y1);

  panel.attach(document.body);

  window.onresize = () => { panel.update() };
}
开发者ID:SimonBiggs，项目名称:phosphorjs.github.io，代码行数:56，代码来源:index.ts


示例5: createContent

let b2 = createContent('Blue');
b2.id = 'my-raw-coordinates-container';

let g1 = createContent('White');
g1.id = 'my-plot-container';

let g2 = createContent('Green');
let g3 = createContent('Green');

let y1 = createContent('Yellow');
y1.id = 'my-hero-form-container';

let y2 = createContent('Yellow');

let panel = new DockPanel();
panel.id = 'main';


panel.insertBottom(y1);
panel.insertLeft(g1, y1);
panel.insertBottom(b2);

panel.insertTabBefore(g2, b2);
panel.insertTabBefore(y2, g2);
panel.insertTabBefore(g3, y2);
panel.insertTabBefore(r3, y1);

panel.insertLeft(b1);
panel.insertBottom(r1, b1);
panel.insertTabBefore(r2, b1);
开发者ID:SimonBiggs，项目名称:angular-phosphor，代码行数:30，代码来源:index.ts


示例6: main

/**
 * The main application entry point.
 */
function main(): void {
  var panel = new DockPanel();
  panel.id = 'main';

  var g1 = createContent('Green');
  var cmSource = new CodeMirrorWidget({
    mode: 'text/typescript',
    lineNumbers: true,
    tabSize: 2,
    keyMap: "vim"
  });
  cmSource.loadTarget('./entry.ts');
  cmSource.title.text = 'Source';
  cmSource.title.closable = true;

  var threeWidget = new ThreePlaneTransformWidget({}, {}, 1);
  threeWidget.title.text = 'Three renderer';
  threeWidget.title.closable = true;

  var threeWidget2 = new ThreePlaneTransformWidget({}, {}, 2);
  threeWidget2.title.text = 'Three renderer';
  threeWidget2.title.closable = true;

  var guiWidget = new DatGuiWidget({autoPlace: false});
  var options = {state: true};
  guiWidget.gui.add(threeWidget.orbit, "enableRotate");
  guiWidget.title.text = 'UI options';
  guiWidget.title.closable = true;
  
  var localSchema = {
    "$schema": "http://json-schema.org/draft-04/schema#",
    "title": "root",
    "type": "object",
    "properties": {
      "name": {
        "type": "string",
        "readonly": false
      },
      "number": {
        "type": "integer",
        "maximum": 100
      },
      "reapplied": {
        "type": "boolean"
      },
      "participants": {
        "type": "string",
        "readonly": true
      }
    },
    "required": ["number"]
  };

  var localdata = [{
      "name": "Joe",
      "reapplied": false,
      "number": 1,
      "participants": "US"
    }, {
      "name": "Bob",
      "number": 2,
      "reapplied": true,
      "participants": "CND"
    }, {
      "name": "McDunk",
      "number": 3,
      "reapplied": true,
      "participants": "LUX"
  }];

  var schemaGridWidget = new Widget();
  var jqgrid = document.createElement("div");
  var schemaGrid = document.createElement("TABLE");
  var pager = document.createElement("div");
  jqgrid.id = 'jqgrid';
  schemaGrid.id = 'grad';
  pager.id = 'pager';
  jqgrid.appendChild(schemaGrid);
  jqgrid.appendChild(pager);

  schemaGridWidget.node.appendChild(jqgrid);
  schemaGridWidget.title.text = 'grid';
  schemaGridWidget.title.closable = true;

  panel.insertLeft(cmSource);
  panel.insertRight(g1, cmSource);
  //panel.insertRight(guiWidget, cmSource);
  panel.insertTabAfter(guiWidget, cmSource);
  panel.insertTabBefore(threeWidget, cmSource);
  panel.insertTabAfter(threeWidget2, threeWidget);
  panel.insertTabAfter(schemaGridWidget, g1)

  panel.attach(document.body);
  $("#grad").schemaGrid(localSchema, localdata);

  window.onresize = () => { panel.update() };

//.........这里部分代码省略.........
开发者ID:wheeler-microfluidics，项目名称:Microdrop-3.0，代码行数:101，代码来源:entry.ts


示例7: 

window.onresize = () => { panel.update(); };
开发者ID:SimonBiggs，项目名称:angular-phosphor，代码行数:1，代码来源:index.ts



注：本文中的phosphor-dockpanel.DockPanel类示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
TypeScript phosphor-dragdrop.MimeData类代码示例发布时间：2022-05-25
下一篇：
TypeScript phosphor-commandpalette.StandardPaletteModel类代码示例发布时间：2022-05-25
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap