FR.FlowLayout
Hierarchy
Files
流式布局
var $area = $('<div>').css({width: 300, height:300, background:'gray'}).appendTo('body');
var editor = new FR.FlowLayout({
renderEl : $area,
hgap : 5,
vgap : 5,
items : [
{el: {type: 'button', text: 'flow1', width: 60, height: 50}},
{el: {type: 'button', text: 'flow2', width: 60, height: 30}},
{el: {type: 'button', text: 'flow3', width: 60, height: 30}},
{el: {type: 'button', text: 'flow4', width: 90, height: 30}},
{el: {type: 'button', text: 'flow5', width: 90, height: 30}},
{el: {type: 'button', text: 'flow6', width: 90, height: 30}},
{el: {type: 'button', text: 'flow7', width: 90, height: 30}},
{el: {type: 'button', text: 'flow8', width: 180, height: 30}}
]
});
editor.doLayout();
Defined By
Config options
options : JSON
配置属性 ...
配置属性
- hgap : Number (optional)
水平间隙
Defaults to:
5 - vgap : Number (optional)
垂直间隙
Defaults to:
5
Overrides: FR.Layout.options
Defined By
Methods
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 )