Easyui (layout)

Source: Internet
Author: User
1. You can create a layout in a div.
  1. <Div ID="Cc" Class="Easyui-layout" Style="Width: 600px; Height: 400px;">
  2. Div region = "North" title = "North title" split = "true" style = "height: 100px; " Div >
  3. Div region = "South" title = "South title" split = "true" style = "height: 100px; " Div >
  4. Div region = "East" iconcls = "icon-reload" title = "East" split =< /span> "true" style = "width: 100px; " Div >
  5. Div region = "West" split = "true" title = "West" style = "width: 100px; " Div >
  6. <Div Region="Center" Title="Center title" Style="Padding: 5px; Background: # Eee ;"></Div>
  7. </Div>
    (Note: If you create a layout in a DIV, it is necessary to specify the size in the style. Otherwise, no value is displayed)
2. You can create a layout on the entire plane.
  1. body class = " easyui-layout " >
  2. Div region = "North" title = "North title" split = "true" style = "height: 100px; " Div >
  3. Div region = "South" title = "South title" split = "true" style = "height: 100px; " Div >
  4. Div region = "East" iconcls = "icon-reload" title = "East" split =< /span> "true" style = "width: 100px; " Div >
  5. Div region = "West" split = "true" title = "West" style = "width: 100px; " Div >
  6. <Div Region="Center" Title="Center title" Style="Padding: 5px; Background: # Eee ;"></Div>
  7. </Body>
Usage:
Layout panel options
Name Type Description Default
Title String Layout text. If it is not set, it cannot be displayed. Null
Region String

The location of layout, which must be the following values: north, south, east, west, center.
(Note: If this parameter is not specified, the DIV is not displayed)

 
Border Boolean Whether to show the alarm box True
Split Boolean Indicates the split condition and the size can be changed. False
Iconcls String An icon CSS class to show a icon on panel header. Null
Href String An URL to load data from remote site. Null
Methods
name parameter description
resize none set the layout size.
panel region return the specified panel, the 'region 'parameter possible values: 'north', 'south', 'east', 'west', 'center'.
collapse region collapse the specified panel, the 'region 'parameter possible values: 'north', 'south', 'east', 'west'.
Expand region Expand the specified panel, the 'region 'parameter possible values: 'north', 'south', 'east', 'west'.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.