tutorial on the use of tree in Dojo (i) _dojo

Have a basic understanding of the use of tree in dojo, now do some of the more classic applications.

First take a picture and show the overall goal:

Is roughly the left is a tree, right is a tree, and then users can easily choose.

OK, now we're going to do this step-by-step, first the framework, the code:

<! DOCTYPE html>  

CSS code:
Save As Main.css


html,body{
	margin:0 0;
	padding:0 0;
}
. lefttree{
	width:230px;
	height:350px;
	border:1px solid #d3d3d3;
righttree{
	width:230px;
	height:350px;
	border:1px solid #d3d3d3;
actionbar{
	text-align:right;
	Background-color: #efefef;
	border-top:1px solid #d3d3d3;
    margin:10px-8px-10px;
    padding:3px 10px 3px 7px;

clear{
	clear:both;
}
In this case, the framework is set up, and the following will start the play, Cbtree, and a third party to extend the dojo tree so that it has a checkbox, which is much more convenient, let's.