cola.Dialog
弹出上下文
cola.Dialog
头部区域内容,赋值模式请参考content属性
cola.Dialog
底部区域内容,赋值模式请参考content属性
是否模态显示组件。
是否显示关闭按钮.
模态阴影的透明度0~1取值。
单击阴影区域关闭Dialog
弹出动画类型
弹出动画时间(以毫秒为单位)
cola.Layer
是否可见
cola.AbstractContainer
容器内容,可如下模式赋值:
此属性支持多态参数:
new cola.Layer({
content:"内容"
});
new cola.Layer({
content:{
tagName:"div",
content:"内容"
}
});
new cola.Layer({
content:document.createElement("div")
});
new cola.Layer({
content:{
$type:"Button",
caption:"按钮"
}
});
cola.Widget
浮动:通过属性将根据所设定的值在容器中浮动显示
用户可自定样式之后通过此属性激活自定义样式,或者启用框架提供的样式
cola.Widget
弹出信息内容,当鼠悬停时显示此内容
cola.Widget
cola.Widget
宽度(如果传入的值为number将计量单位为px)
cola.Widget
高度(如果传入的值为number将计量单位为px)
cola.Element
每一个Element的实例都可以拥有1到N的标签,每个标签是一个String类型的值。 通过标签,我们可以快速的获取一批Element的实例,以便于对他们进行统一的操作。 参考:cola.tag()另外,在设置tag时如果只需要设置一个tag,我们可以直接使用简单的字符串,Cola-UI会自动将其转换成字符串的数组。例如:
element.set("tag", "invisible");
cola.Element
cola.Dialog
cola.Layer
回调函数
动画选配置请参考如下例子代码:
var options={
animation: "none" //无动画模式显示
};
var options2={
animation: "swing up",
duration: 200 //动画持续时间(毫秒为单位)
};
layer.show(options,function(){
alert("显示");
})
cola.Layer
回调函数
cola.Layer
回调函数
隐藏动画选项,配置请参考如下例子代码:
var options={
animation: "none" //无动画模式隐藏
};
var options2={
animation: "swing up",
duration: 200 //动画持续时间(毫秒为单位)
};
layer.hide(options,function(){
alert("隐藏");
})
cola.Layer
回调函数
cola.Layer
cola.Widget
var widget=new cola.Widget();
widget.showDimmer({content:"中间内容"})
widget.showDimmer({
tagName:"div",
content:{
tagName:"div",
content:"中间内容"
}
})
cola.Widget
cola.RenderableElement
cola.RenderableElement
cola.RenderableElement
cola.RenderableElement
cola.RenderableElement
cola.RenderableElement
cola.Element
Attribute名或路径
注意设置或读取Attribute时,我们不但可以直接使用属性名也可以利用路径对属性值记性钻取式的读写。 请参考: Element
cola.Element
Attribute名或路径
要写入的值
注意设置或读取Attribute时,我们不但可以直接使用属性名也可以利用路径对属性值记性钻取式的读写。 请参考: Element
cola.Element
在定义此处的事件名时,我们可以通过":"分割的方式在事件名后面定义本事件监听器的别名。
事件监听器
cola.Element
事件名
事件监听器
一次性事件监听器表示只要事件触发过一次,该事件监听器就会自动解除绑定。即这样的时间监听器只会触发一次。
cola.Element
事件名
事件监听器
cola.Layer
组件本身
true
进行处理cola.Layer
组件本身
true
进行处理cola.Layer
组件本身
true
进行处理cola.Layer
组件本身
true
进行处理cola.Widget
组件本身
组件本身
window.event 对象
true
进行处理cola.Widget
组件本身
组件本身
window.event 对象
true
进行处理cola.Widget
组件本身
组件本身
window.event 对象
true
进行处理cola.Widget
组件本身
组件本身
window.event 对象
true
进行处理cola.Widget
组件本身
组件本身
window.event 对象
在touch环境下建议使用此事件,在Android下响应比click快
true
进行处理cola.Element
cola对象本身
被改写的属性名。
true
进行处理cola.Element
cola对象本身
true
进行处理