- Ext JS 3.0 Cookbook
- Jorge Ramon
- 173字
- 2021-04-01 13:43:47
Laying out items within a container using CSS-style absolute positioning
Sometimes, you need to position components using the standard X and Y coordinates. In this recipe, I position two panels in the container using an absolute layout. The following screenshot shows how the end result will look like:

How to do it...
- Create a couple of panels that will be absolute-positioned:
panel1=new Ext.Panel({ title: 'Panel 2', // When using absolute layouts, // you need to specify the coordinates. x: 50, y: 50, width: 200, height:200, html: 'Positioned at x:50, y:50' }); panel2=new Ext.Panel({ title: 'Panel 2', x: 200, y: 200, width: 300, height: 150, html: 'Positioned at x:100, y:100' });
- Create a container for the panels:
var viewport=new Ext.Viewport({ // Position items within this container using // CSS-style absolute positioning. layout:'absolute', items:[panel1, panel2] });
推薦閱讀
- 中文版Photoshop CS6完全使用手冊(超值版)
- 軟件定義數據中心:技術與實踐
- Learning Ext JS 3.2
- ASP.NET MVC 2 Cookbook
- 影視動畫場景與特效制作:3ds Max-Vue-AfterBurn-FumeFX
- ADOBE FLASH PROFESSIONAL CS6 標準培訓教材
- Photoshop網店圖片處理實訓教程
- 中文版3ds Max/VRay效果圖制作完全自學教程(實例培訓教材版)
- Service Oriented Java Business Integration
- JBoss RichFaces 3.3
- SolidWorks 2020中文版從入門到精通
- Excel 2013公式·函數與數據分析
- MATLAB R2024a完全自學一本通
- ChatGPT+AI文案寫作實戰108招
- 中文版SolidWorks 2018完全實戰技術手冊