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:

, , , , ,

WordPress database error: [Table 'yf99682.wp_s6mz6tyggq_comments' doesn't exist]
SELECT SQL_CALC_FOUND_ROWS wp_s6mz6tyggq_comments.comment_ID FROM wp_s6mz6tyggq_comments WHERE ( comment_approved = '1' ) AND comment_post_ID = 5786 ORDER BY wp_s6mz6tyggq_comments.comment_date_gmt ASC, wp_s6mz6tyggq_comments.comment_ID ASC

Leave a Comment

Your email address will not be published.