FR.TableLayout
Hierarchy
Files
表格布局
var $area = $('<div>').css({width: 300, height:200, background:'gray'}).appendTo('body');
var layout = new FR.TableLayout({
renderEl : $area,
items: [
[
null,
{el : {type: 'label', value: 'label1'}},
{el : {type: 'button', text: '点击放大区域', handler : function() {
$area.css({width : 500});
layout.doLayout();
}}}
],
[
null,
{el : {type: 'label', value: 'label2'}},
{el : {type: 'button', text: '点击缩小区域', handler : function() {
$area.css({width : 300});
layout.doLayout();
}}}
],
[
{el : $("<div>Space</div>")},
{el : {type: 'label', value: 'label3'}},
{el : $("<div>I am a div, align to left!</div>")}
]
],
columnSize : [40, 0.4, 'fill'],
rowSize : [24, 24, 24],
vgap : 20
});
layout.doLayout();
Defined By
Config options
options : JSON
配置属性 ...
配置属性
- vgap : Number (optional)
组件间的垂直间隙
Defaults to:
5 - items : Array
子组件
- columnSize : Array
列宽数组，由数字组成，该数字的最后一个元素不是数字表示最后一列自适应剩下的宽度
- rowSize : Array
行高数组，由数字组成，该数字的最后一个元素不是数字表示最后一列自适应剩下的高度
Overrides: FR.Layout.options
Defined By
Methods
doResize( [give] )
重新设置控件的大小和位置 * ...
重新设置控件的大小和位置 *
Parameters
- give : Object (optional)
给定的尺寸和位置 *
- width : Number
给定的宽度 *
- height : Number
给定的高度 *
- top : Number
距离其父容器顶部的距离 *
- left : Number
距离其父容器左侧的距离
- width : Number
fireEvent( eventName ) : Boolean
触发绑定过的事件 * * ...
触发绑定过的事件 * *
Parameters
- eventName : String
要触发的事件的名字 *
Returns
- Boolean
如果事件函数返回false，则返回false并中断其他同名事件的执行，否则执行所有的同名事件并返回true
isRowVisible( index ) : Boolean
判断该行是否可见 ...
判断该行是否可见
Parameters
- index : Number
行数索引
Returns
- Boolean
返回是否可见
isStringTypeNumber( o ) : boolean
"24"这种形式的 * ...
"24"这种形式的 *
Parameters
- o : Object
宽度或者高度 *
Returns
- boolean
是否是"24"这种形式
on( eventName, fn )
once( eventName, fn )
setEnable( enable )
设置控件的可用性 * ...
设置控件的可用性 *
Parameters
- enable : Boolean
如果参数值为true则设置控件为可用，如果参数值为false则设置控件为不可用
setRowVisible( index, flag )
设置表格布局的指定行的可见性，如果该行不可见，其余的行会依次填补掉不可见行的位置 ...
设置表格布局的指定行的可见性，如果该行不可见，其余的行会依次填补掉不可见行的位置
Parameters
- index : Number/Number[]
要改变的行或者行组成的数组
- flag : Boolean
可见性，true表示要设置为可见，false表示要设置为不可见
setSource( source )
设置控件的初始值，一般情况和setValue一样，在初始值为数据绑定的时候需要动态加载数据 * ...
设置控件的初始值，一般情况和setValue一样，在初始值为数据绑定的时候需要动态加载数据 *
Parameters
- source : Object
初始值
setValue( value, shouldFireEvent )
设置控件的值 * ...
设置控件的值 *
Parameters
- value : Object
要设置的实际值 *
- shouldFireEvent : Boolean
是否触发事件
setVisible( visible )
设置控件的可见性 * ...
设置控件的可见性 *
Parameters
- visible : Boolean
如果参数值为true则设置控件为可见，如果参数值为false则设置控件为不可见
un( eventName, fn )