ExtJs学习笔记(15)_fit布局

简介: fit布局很好理解,容器内的组件会自动充满整个容器       Ext.onReady(function() {        var win = new Ext.Window({            title: "fit Layout",            height: 200, ...

fit布局很好理解,容器内的组件会自动充满整个容器

 

< script type = " text/javascript " >
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif    Ext.onReady(
function ()  {
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif        
var win = new Ext.Window({
            title: 
"fit Layout",
            height: 
200,
            width: 
200,
            plain: 
true,
            layout: 
'fit',           
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            items: 
{
                html:
"这就是内容区,会自动充满容器,要注意的事,通常fit布局只能有一个item,即使你放多个item,第一个item也会自动充满容器,把其它item给挡住"               
            }
                  
        }
);
        win.show();
    }
);
< / script>


效果图:

目录
相关文章
|
2月前
|
前端开发 JavaScript API
|
3月前
|
Dart 开发者
Flutter笔记 - 关于 fit 属性以及相关知识的总结
Flutter笔记 - 关于 fit 属性以及相关知识的总结
70 0
|
前端开发 容器
如何利用 CSS Grid 实现网页布局
CSS Grid 是一个灵活、强大的布局工具,它可以让我们更轻松地实现各种网页布局。本文将介绍 CSS Grid 的基本概念和用法,并演示如何用 CSS Grid 实现常见的网页布局。
78 0
|
容器
【D3.js 学习总结】20、D3布局-捆图
# d3.layout.bundle() ![](https://img.alicdn.com/tps/TB19Q82LXXXXXawXVXXXXXXXXXX-500-500.png) 下图是航班查询网站全球航班雷达(FlightRadar24)显示的今日长三角地区的飞机飞行图: ![](https://img.alicdn.com/tps/TB1jp4WLXXXXXaraXXX
3491 0
|
JavaScript 数据可视化 索引
[译]D3.js 之 d3-selection 原理
在前一篇文章中, 我介绍了关于 D3 selection 的基础, 这些基础足以让你开始使用 D3 selection.在这篇文章中, 我将介绍 d3-selection 的实现原理. 本文可能需要更长的时间来阅读, 但它能揭开 selection 的原理 并让你能真正掌握数据驱动文本的思想(D3的...
2405 0
|
前端开发 容器
【图片版】CSS网格布局(Grid)完全教程
CSS网格布局(Grid)是一套二维的页面布局系统,它的出现将完全颠覆页面布局的传统方式。传统的CSS页面布局 一直不够理想。包括table布局、浮动、定位及内联块等方式,从本质上都是Hack的方式,并且遗漏了一些重要的功能(比如:垂直居中)。
1338 0
|
索引
【D3.js 学习总结】11、D3布局-弦图
# d3.layout.chord() 弦图是一种用于描述节点之间联系的图表。 #### 弦图(Chord)的API说明 * chord.chords - 取回计算的弦角度。 * chord.groups - 取回计算的分组角度。 * chord.matrix - 取得或设置布局需要的矩阵数据。 * chord.padding - 取得或设置弦片段间的角填充。 * cho
3243 0
|
数据可视化
【D3.js 学习总结】8、D3布局介绍
布局是 D3 中一个十分重要的概念,可以理解成 “制作常见图形的函数”,有了它制作各种相对复杂的图表就方便多了。 D3 与其它很多可视化工具不同,相对来说较底层,对初学者来说不太方便,但是一旦掌握了,就比其他工具更加得心应手。 下图展示了 D3 与其它可视化工具的区别: ![](https://img.alicdn.com/tps/TB1fwG1KFXXXXXbXFXXXXXXXXXX-
1834 0