1. You can create a layout in a div.
-
- <Div ID="Cc" Class="Easyui-layout" Style="Width: 600px; Height: 400px;">
- Div region = "North" title = "North title" split = "true" style = "height: 100px; " Div >
- Div region = "South" title = "South title" split = "true" style = "height: 100px; " Div >
- Div region = "East" iconcls = "icon-reload" title = "East" split =< /span> "true" style = "width: 100px; " Div >
- Div region = "West" split = "true" title = "West" style = "width: 100px; " Div >
- <Div Region="Center" Title="Center title" Style="Padding: 5px; Background: # Eee ;"></Div>
-
- </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.
- body class = " easyui-layout " >
- Div region = "North" title = "North title" split = "true" style = "height: 100px; " Div >
- Div region = "South" title = "South title" split = "true" style = "height: 100px; " Div >
- Div region = "East" iconcls = "icon-reload" title = "East" split =< /span> "true" style = "width: 100px; " Div >
- Div region = "West" split = "true" title = "West" style = "width: 100px; " Div >
- <Div Region="Center" Title="Center title" Style="Padding: 5px; Background: # Eee ;"></Div>
-
- </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'. |