使用dojo的布局控件，可以快速搭建界面，今天刚好研究了一下，中间遇到很崩溃的问题，还好最后解决了。
一、dojo布局控件概述
dojo中最基本的布局控件应该是BorderContainer了，他应该作为<body></body>中的第一个元素。 BorderContainer可以作为其他常用布局控件的容器（如AccordionContainer、ContentPane、 TabContainer、StackContainer、SplitContainer），最多可以容纳5个其他的布局控件（也可以再次容纳 BorderContainer以便嵌套使用）。这5个布局控件分布占据：top、bottom、left、right、center的位置，他们的排列有两种方式：headline（3行，其中第一行是top，第三行是bottom，第二行则是left、center和right）；sidebar（3 列，其中第一列是left，第三列是right，第二列则是top、center和bottom）。两种排列如下图所示：
二、搭建界面
1.这里我们采用headline的方式来搭建一个界面，看看布局的总体效果即可。html代码如下：
View Code 2.为这些控件设置样式属性，css代码如下：
View Code 3.引用相应的dojo包，js代码如下：
View Code 4.别忘了要添加dojo的css和js引用哦，完整的代码如下：
View Code 三、特别说明
1.请特别注意包引用的顺序和js代码编写的顺序，尤其是在下面这段代码：
var djConfig = {
parseOnLoad: true
};
</script>
这段代码必须要在添加dojo.js之前执行，这样才能保证dojo的控件样式被应用，否则，将按照普通的html控件进行解析。我被这个破问题折腾了一上午，才发现是顺序的问题，笨啊！
2.dojo.require引用相应的控件也是必须，否则同样无法解析出dojo的控件样式。
3.这里只是简单看了下基本的布局，对于门外汉来说，竟然如此折腾，真是隔行如隔山呐。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
