Ext. layout. Container. Absolute corresponds to the absolute of the panel layout configuration item, which can be located based on the x/y coordinates configured in the subpanel.
Code:
<! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < Html Xmlns = "Http://www.w3.org/1999/xhtml" > < Head Runat = "Server" > < Title > Ext. layout. Container. Absolute example </ Title > < Link Href = "Ext-4.0.7-gpl/resources/CSS/ext-all.css" REL = "Stylesheet" Type = "Text/CSS" /> < Script SRC = "Ext-4.0.7-gpl/Bootstrap. js" Type = "Text/JavaScript" > </ Script > < Script Type = "Text/JavaScript" > Ext. onready ( Function () {Ext. Create ( " Ext. Panel. Panel " , {Title: " Ext. layout. Container. Absolute example " , Frame: True , Width: 300 , Height: 200 , Renderto: Ext. getbody (), bodypadding: 5 , Layout: " Absolute " , Defaults: {bodystyle: " Background-color: # ffffff; padding: 15px " , Frame: True , Height: 70 , Width: 100 }, Items: [{X: 10 , Y: 10 , Title: " Sub-panel 1 " , HTML: " Sub-panel 1 " }, {X: 130 , Y: 40 , Title: " Sub-panel 2 " , HTML: " Sub-panel 2 " }]}) ;}); </ Script > </ Head > < Body > </ Body > </ Html >
: