`

"vertical layout" in contentpane

    博客分类:
  • dojo
 
阅读更多

well it's actually not a vertical layout but a work around.  I spent a few hours on internet for how to place some widgets in contentpane with vertical layout. (the default layout is horizontal). and I failed. I noticed there  were some persons did ask a similar question. One among them just said he switched to Extjs later on.

 

      the work around is: use Table to layout those widgets. like 

 

var cc = DomConstruct.create("table");

 

                  for(var i = 0; i!=20; ++i) {

                      var td = DomConstruct.create("td", null, DomConstruct.create("tr", null, cc));

                      var b = new B({label: i});

                      CC.place(b.domNode, td);

                  }

                  mappanel.set("content", cc);

 

 now these buttons locate vertically.

 

well. you can use GridContainer, but it looks like overkill to me. 

分享到:
评论

相关推荐

    第六个范例——布局之ContentPane

    【标题】"第六个范例——布局之ContentPane" 涉及的是JavaFX中的一个关键概念,即ContentPane,它是FusionCharts XT库中用于展示图表的主要容器。在JavaFX的界面设计中, Conte

    Dojo_digitDemo1

    如何使用dojo的digit组件, dojo.require("dijit.layout.ContentPane"); dojo.require("dijit.layout.TabContainer"); dojo.require("dijit.form.ValidationTextBox"); dojo.require("dijit.form.DateTextBox");

    learning dojo -chapter 6 layout

    var cp = new dijit.layout.ContentPane({ title: 'Content Pane Example', content: '这是一个内容面板。</p>' }); bc.addChild(cp); cp.placeAt(bc, 'center'); // 放置在中心区域 ``` #### 六、结语 通过对...

    水经注离线谷歌卫星地图加载服务中间件调用示例 For ArcGIS JS API.docx

    同时,编写JavaScript代码来初始化地图和加载所需的模块,如`esri.map`、`dijit.layout.BorderContainer`和`dijit.layout.ContentPane`。 以下是一个简单的JavaScript示例,用于创建地图实例: ```javascript dojo...

    dojo-complete

    "dijit/layout/ContentPane", 名称包含破折号的模块已转换为驼峰式大小写。 例如,如果您想使用 dojo/dom-construct 模块,您可以使用符号: #domConstruct 目前这个模块支持 dojo 和 dijit 库。

    swing多个jpanel布局切换实例

    4. **切换布局**:当需要切换布局时,调用CardLayout的`show()`方法,传入容器(contentPane)和要显示的布局关键字,如`cardLayout.show(contentPane, "layout1");`或`cardLayout.show(contentPane, "layout2");` ...

    DoJo AccordionContainer close or open

    var _blankPane = new dijit.layout.ContentPane({ title: "", style: "height: 0px;", content: "" }); this.addChild(_blankPane); // 添加到 AccordionContainer 中 ``` 3. **CSS 覆写**:为了使空白的 ...

    Dojo教程

    常见的Dojo部件有dijit.form.Button(按钮)、dijit.layout.ContentPane(内容面板)和dijit.Dialog(对话框)等。 DojoInPractice_cn.pdf 可能是一本关于Dojo实战的中文教程,其中可能涵盖了如何在实际项目中运用...

    dojo中文文档-dojo手册

    在UI组件方面,Dojo Toolkit提供了大量预先封装好的可复用组件,如dijit/form/TextBox、dijit/layout/ContentPane等,这些组件具有丰富的样式和功能,能够快速构建用户界面。 Dojo的国际化和本地化支持也是其特色之...

    用JAVA写的简单GUI

    contentPane.setLayout(new FlowLayout()); contentPane.add(label1); contentPane.add(textField1); contentPane.add(label2); contentPane.add(textField2); contentPane.add(label3); contentPane.add...

    dojo自定义对话框

    同时,通过`dojox/layout/ContentPane`或`dijit/form/*`等组件,可以将更复杂的内容(如表单、图表等)放入对话框中。 总结来说,Dojo的Dialog组件是实现自定义对话框的关键,它可以轻松地与ArcGIS API集成,提供...

    AJAX之Dojo实现登陆框

    可以使用Dojo的dijit/Dialog或dojox/layout/ContentPane来显示一个弹出窗口,告知用户登录状态。 5. 模块化和加载管理:Dojo的AMD(Asynchronous Module Definition)机制允许我们按需加载和组织代码,避免全局变量...

    Dojo1.rarDojo1.rarDojo1.rarDojo1.rar

    例如,`dijit/form/Button` 和 `dijit/layout/ContentPane` 分别代表了基本的按钮和内容面板。 ### 4. AMD模块加载机制 Dojo是AMD(Asynchronous Module Definition)规范的先驱,通过`require()`和`define()`函数...

    JSplitPane的用法

    - `orientation`参数定义了分隔方向,可以是`JSplitPane.HORIZONTAL_SPLIT`(水平分隔)或`JSplitPane.VERTICAL_SPLIT`(垂直分隔)。 - 可选的两个`Component`参数分别指定了分隔面板的左右(水平分隔)或上下...

Global site tag (gtag.js) - Google Analytics