ExtJs布局之viewport

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<! DOCTYPE html>
< html >
< head >
     < title >ExtJs</ title >
         < meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     < link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">
         < script type="text/javascript" src="ExtJs/ext-all.js"></ script >
         < script type="text/javascript" src="ExtJs/bootstrap.js"></ script >
         < script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></ script >
 
     < script type="text/javascript">
             Ext.onReady(function(){
         Ext.create('Ext.container.Viewport', {
           layout: 'border',
           items: [{
             title: 'north Panel',
             html: 'Top',
             region: 'north',
             height: 1000
           },{
             title: 'West Panel',
             html: 'Left',
             region: 'west',
             width: 150
           },{
             title: 'main Content',
             html: 'Middle',
             region: 'center'
           }]
         });
       });
     </ script >
</ head >
< body >
 
</ body >
</ html >

  

目录
相关文章
|
3月前
|
弹性计算 前端开发 容器
CSS【布局篇】
CSS【布局篇】
47 0
|
4月前
|
前端开发
响应式web设计 - Viewport 和 网格布局
响应式web设计 - Viewport 和 网格布局
29 0
响应式web设计 - Viewport 和 网格布局
|
8月前
|
移动开发 前端开发 JavaScript
[CSS]常见布局技巧
[CSS]常见布局技巧
|
12月前
|
前端开发
CSS 布局
CSS 布局
45 0
|
前端开发
css:viewport解决@media媒体查询不生效
css:viewport解决@media媒体查询不生效
201 0
css:viewport解决@media媒体查询不生效
|
前端开发 容器
CSS 常见布局
CSS 常见布局
88 0
|
Web App开发 前端开发 Go
收藏!40 个 CSS 布局技巧
CSS是Web开发中不可或缺的一部分,随着Web技术的不断革新,CSS也变得更加强大。CSS的众多属性你知道了多少?具体开发中该使用什么属性才最适合恰当?如今的一些CSS属性可以让我们节约更多的时间。比如在Web布局中,现代CSS特性就可以更好的帮助我们快速实现如等高布局,水平垂直居中,经典的圣杯布局、宽高比例、页脚保持在底部等效果。淘系前端技术专家大漠将详细介绍一些不同的CSS属性来实现这些效果,希望对同学们有所帮助。
2344 0
收藏!40 个 CSS 布局技巧
|
前端开发
CSS 布局小结
CSS 布局小结 布局基础: 1.盒子模型 2.display:确定元素显示类型(block、inline、inline-block) 3.
999 0
|
JavaScript 容器
ExtJS 的布局
容器中可以放多个组件,甚至可以放其他容器 布局负责帮助容器,管理其中的组件。 容器中的layout选项(属性)用于控制容器的布局。 1.垂直布局与水平布局
1370 0