DOJO development layout container and stacked container

By Dojo

In this blog, let’s learn about the layout container BorderContainer and stacking container that are commonly used in Dojo development.

1. BorderContainer

It is a layout container, mainly divided into 5< /strong> areas, up, down, left, and right. Each BorderContainer has two different layouts, which can be controlled by the “design” attribute, which are headline and sidebar, layout as shown below Show:


2, stacked container

When there is a lot of content on the page, you can use a stacked container to display some elements. There are three main types:

StackContainer The most common one, you need to write your own control and code.

AccordionContainer Display in the panel.

TabContainer button on the front Lined up.


3. Sample code

  Dojo's BorderContainer and stacked container      
 
 Hefei City Flood Control and Drought Relief Comprehensive Application System
 
 
 
 
 
 
 
 
 
 
 
 < div data-dojo-type="dijit/layout/ContentPane" title="System Homepage" selected="true"> System Homepage
 
 Real-time video
 
 Water conservancy project
 
 
Nuanfeng Invincible 2015 @Copyright Current time: Tuesday, December 15, 2015

< p> 4. The display effect is shown in the figure below:

, , , , ,

Leave a Comment

Your email address will not be published.