Tutorial Tutorial in DoJO (1)

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

First take a picture to show the overall goal:

Roughly, there is a tree on the left and a tree on the right, and the user can choose it conveniently.

Okay, let’s implement it step by step. First, this framework, code:

        tree test 
 
 
 
 
 < fieldset> 
not selected
 
  
 
 --> 
 
 <-- 
 
 
 
selected 
 
 
 
 
 
 OK Cancel 
 
 
   

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

At this point, the frame has been set up, and the highlight, cbtree, The third party expands the dojo tree to have a checkbox, which is much more convenient, and it will be broken down next time.