Extjs框架viewport总结之最简单的viewport案例图解(入门专用)
2011-12-27 19:46
369 查看
viewport简单的入门文档: 重要 属性解析: region:在整个框架中的位置属性 north west center east south collapsible:true 可不可以拉伸
效果图:
代码:
Ext.onReady(function(){ new Ext.Viewport({ enableTabScroll:true, layout:"border", items:[{ title:"面板", region:"north", //设置位置 height:100, html:"<h1>上部</h1>" }, { title:"菜单", region:"west", width:200, collapsible:true //是不是可以折叠 }, { xtype:"tabpanel", region:"center", //设置位置 items:[{title:"面板1"},{title:"面板2"}] }, { region:"east", //设置位置 width:200, title:"right", collapsible:true //是不是可以折叠 }, { region:"south", //设置位置 height:100, title:"bottom", collapsible:true //是不是可以折叠 }] }); });
相关文章推荐
- struts2入门-第一个例子==》第一个struts2实例——HelloWorld==》Struts2.0搭建和简单实例==>写一个Steuts2的经典入门案例,做了一个登陆程序作为入门例子
- JQuery入门―编写一个简单的JQuery应用案例
- 案例4-3 Ajax的响应处理简单实例(征服Ajax——Web 2.0快速入门与项目实践Java)
- 机器学习入门案例简单理解
- hibernate入门简单案例
- Asp.Net MVC学习总结(一)——Asp.Net MVC简单入门
- 图解MVC思想(模式)及简单案例演示
- ActiveMQ的入门案例以及整合Spring的简单使用
- WebService入门介绍及案例分析(10级学员 庞丽课堂总结)
- 顶点着色器入门(龙书简单总结 DirectX 3D 9)
- webservice简单入门总结
- 一个简单的案例带你入门Dubbo分布式框架
- HSRP 入门教程图解 (案例、动画过程、配套仿真)
- hadoop入门--简单的MapReduce案例
- hibernate的入门的一个简单案例
- SSH学习之Struts1入门的简单登陆案例。
- seajs简单入门案例
- 前端 jquery-ajax 的简单案例分析和总结
- 一个简单的案例带你入门Dubbo分布式框架