FR.GridLayout
Hierarchy
Files
格子布局
var $area = $('<div>').css({width: 300, height:300, background:'gray'}).appendTo('body');
var layout = new FR.GridLayout({
renderEl : $area,
columns: 4,
rows : 3,
widths : ['auto', 30, 'auto', 'auto'],//手动设置宽度，auto表示把除手动设置的以外的宽度均分
heights : ['auto', 'auto', 'auto'],//手动设置宽度，auto表示把除手动设置的以外的高度均分
items : [
{ column : 0,
row : 0,
el : {type : 'button', text : 'button1'}
},
{ column : 1,
row : 1,
el : $('<div>').css({background : 'green'})
},
{ column : 3,
row : 2,
el : $('<div>').css({background : 'red'})
}
]
});
layout.doLayout();
Defined By
Config options
options : JSON
配置属性 ...
配置属性
- hgap : Number (optional)
子组件之间的水平间隙
Defaults to:
0 - vgap : Number (optional)
子组件之间的垂直间隙
Defaults to:
0 - leftGap : Number (optional)
左边留的空隙
Defaults to:
0 - rightGap : Number (optional)
右边留的空隙
Defaults to:
0 - topGap : Number (optional)
上边留的空隙
Defaults to:
0 - bottomGap : Number (optional)
下边留的空隙
Defaults to:
0
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
isStringTypeNumber( o ) : boolean
"24"这种形式的 * ...
"24"这种形式的 *
Parameters
- o : Object
宽度或者高度 *
Returns
- boolean
是否是"24"这种形式
on( eventName, fn )
once( eventName, fn )
setEnable( enable )
设置控件的可用性 * ...
设置控件的可用性 *
Parameters
- enable : 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 )