使用DOJO简单的构建一个页面

阅读更多

第一次使用DOJO，感觉DOJO非常强大

1.下载DOJO的包，最新版的是1.7.3，把包拷贝到MyEclipse的dojoroot目录下

修改dojoroot的字符集编码为utf-8，否则会报错，显示乱码

2.引入dojo的css样式

 

 3.设置djConfig,它是DOJO的全局设置变量，可以控制DOJO的行为

parseOnLoad：设置为true后，在页面完成加载后，启动对DOJO标签进行解析

isDebug：开启调试模式，正式发行后设置为false

 

 

4. 设置css样式，控制表单元素在页面中的位置

body标签的样式设置为： class="tundra"

.formContainer {
   width:600px;
   height:600px;
   margin: 0px 0px 0px 200px;
}
label {
   width:150px;
   float:left;
}

5. 传统的表单都是竖着放一排，那么这样的话，不太美观

dojo的dijit提供了类似于java的SWING的一个组建来构建页面

ContentPane 在内容周围创建边界，把各个组建放入边界内

TabContainer将ContentPane层叠，用户可以通过顶部选项卡选择

ValidationTextBox对单个控件验证

DateTextBox给文本框添加一个弹出式的日历选取器

dojoType="dijit.form.ValidationTextBox"如果为空的背景显示黄色警告

trim去掉空格

propercase首字母改为大写

regExp=".*@.*提供正则表达式验证

	

   		First Name:
    	

    	Last Name:
    	

   		Middle Initial:
    	

        Email:
        
	
	

    	Address Line 1:
    	

    	Address Line 2:
    	

    	City:
    	

    	State:
    	

    	Postal Code:
    	

    	Country:
    	

    	Date of Move to this Address:
    	

	
	

	    Home Phone:
	    

	    Work Phone:
	    

	    Cell Phone:
	    

	

6.dojo.parser为dijit中配置使用声明式的dojoType所必须的

dojo.require动态获取所需的js，这个是必须要添加的

 dojo.require("dojo.parser");