zoukankan
html css js c++ java
Ext架构分析(5)Layout初识:ContainerLayout
如果学习了Container,你回发现,在Ext2.0中,Container和Layout的关系是密不可分的。任何Container都需要在render方法中使用layout对象进行布局。
让我们先看一下所有layout的父类:ContainerLayout。
实际上,对容器及其item的渲染都是在layout对象的layout方法中实现的。而layout方法是在resize事件中触发的,基于性能的考虑,可以通过配置bufferResize属性实现延迟layout:
onResize:
function
()
{
if
(
this
.container.collapsed)
{
return
;
}
var
b
=
this
.container.bufferResize;
if
(b)
{
if
(
!
this
.resizeTask)
{
this
.resizeTask
=
new
Ext.util.DelayedTask(
this
.layout,
this
);
this
.resizeBuffer
=
typeof
b
==
'
number
'
?
b :
100
;
}
this
.resizeTask.delay(
this
.resizeBuffer);
}
else
{
this
.layout();
}
}
lyout方法会遍历所有的Container子元素并对其进行render:
renderItem :
function
(c, position, target)
{
if
(c
&&
!
c.rendered)
{
c.render(target, position);
if
(
this
.extraCls)
{
var
t
=
c.getPositionEl
?
c.getPositionEl() : c;
t.addClass(
this
.extraCls);
}
if
(
this
.renderHidden
&&
c
!=
this
.activeItem)
{
c.hide();
}
}
else
if
(c
&&
!
this
.isValidParent(c, target))
{
if
(
this
.extraCls)
{
c.addClass(
this
.extraCls);
}
if
(
typeof
position
==
'
number
'
)
{
position
=
target.dom.childNodes[position];
}
target.dom.insertBefore(c.getEl().dom, position
||
null
);
if
(
this
.renderHidden
&&
c
!=
this
.activeItem)
{
c.hide();
}
}
}
查看全文
相关阅读:
xCode中怎样保存自己的代码块
2015-03-13---抽象工厂(附代码),
java nio 缓冲区(一)
MFC获取各个窗体(体)之间的指针(对象)
自己动手写神经网络,自己真的能够动手写神经网络嘛?
Android招財进宝手势password的实现
QQ三方登录
UVA 10561
Vagi单点登录1.0
《反脆弱》:软件业现成的鲁棒性(Robust)换了个说法变成了作者的发明,按作者的理论推导出许多可笑愚蠢的原则来
原文地址:https://www.cnblogs.com/meetrice/p/1206120.html
最新文章
hdu 3309 Roll The Cube ( bfs )
连连看游戏中的最短路径
TextKit学习(四)通过boundingRectWithSize:options:attributes:context:计算文本尺寸
cocos2d-x 类大全及其概要
HDU 4704 Sum (费马定理+快速幂)
hdu1896之优先队列应用
DataGirdView 设置单元格居中
过中等难度题目.0310
Trie树
一步步学算法(算法题解)---3
热门文章
ORALCE 之LRU链与脏LRU链【转载】
解析android framework下利用app_process来调用java写的命令及示例
java垃圾回收那点事(二)不同gc策略的heap分配
Lu核心库系统结构及输出函数
TestComplete实测Flex
JavaFX2: 鼠标拖动选择和Ctrl+Shift连续区间选择的ListView
hdu 4714 Tree2cycle
MySql 链接url 参数详解
数组中存储不定个数的元素
database software runInstaller无法看到全部的rac节点的处理方法
Copyright © 2011-2022 走看看