cola.Tree
cola.Tree
cola.Tree
此属性的含义有些晦涩。 假设我们有一课显示所有分类的树,同时界面上还有一个列表用于显示树中当前分类下的所有商品。 此时,你是无法为这个列表定义它的绑定表达式的,你只能通过树的`currentNodeChange`事件,将当前分类中的商品列表取出来设置给列表的items属性。 这听起来有点麻烦。 利用`currentItemAlias`属性,我们就有了另外一种解决问题的方案。假设我们定义`currentItemAlias`的值为`currentCategory`。 此时,树就会自动将当前节点会对应的数据设置到`Model`的`currentCategory`这个数据项中。 这意味着我们只要将列表的绑定表达式设置为`currentCategory.products`就可以实现上面功能了,不需要编写Javascript代码。
cola.Tree
cola.Tree
cola.ItemsView
cola.ItemsView
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.Tree
cola.ItemsView
cola.ItemsView
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.ItemsView
控件本身
当前列表元素对应的列表项数据。
该事件的返回值即为要使用的模板的名称,如果此事件返回空则表示使用默认的名为“default”的模板。
true
进行处理cola.ItemsView
控件本身
当前列表元素对应的列表项数据。
当前列表元素,即当前列表项的DOM元素。
当前列表元素对应的scope。
true
进行处理cola.ItemsView
控件本身
当前列表元素对应的列表项数据。
当前列表元素,即当前列表项的DOM元素。
原生DOM事件对应的Event对象。
true
进行处理cola.ItemsView
控件本身
当前列表元素对应的列表项数据。
当前列表元素,即当前列表项的DOM元素。
原生DOM事件对应的Event对象。
true
进行处理cola.ItemsView
控件本身
当前列表元素对应的列表项数据。
当前列表元素,即当前列表项的DOM元素。
原生DOM事件对应的Event对象。
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
进行处理