aardio 文档
aardio 范例: HTMLayout behavior用法演示
//behavior
import win.ui;
/*DSG{{*/
winform = win.form(text="HTMLayout behavior用法演示";right=599;bottom=399;parent=...)
winform.add()
/*}}*/
import web.layout;
wbLayout = web.layout(winform);
/*
添加behavior非常简单,
只要在 web.layout.behavior 名字空间下添加库并导入当前程序,或直接添加新的名字空间都可以创建behavior
behavior也可以使用合法的aardio名字空间(该名字空间默认位于 web.layout.behavior 名字空间内部 ),
例如 behaivor:"button.command" 该behavior对应 aardio中的 web.layout.behavior.button.command 名字空间。
CSS的behaivor属性中的名字空间如果包含多级名字空间(也即包含圆点符号)则必须置于引号内部。
所有HTMLayout窗体可用的事件( 函数名前缀为on.... )在 behavior 中都可以使用
当然, 仅在CSS样式中指定了 behavior 的节点才可以触发对应的事件。
*/
namespace web.layout.behavior.button.command {
/*
ltOwner 参数是绑定behavior的节点,
实际上也就是指定了 behavior:command 的节点对象
ltTarget 通常指的是实际触发事件的节点,
或者根据不同的事件,ltTarget的意义有所不同
*/
onButtonClick = function (ltTarget,ltOwner,reason,behaviorParams) {
ltOwner.printf("点击了按钮");
ltOwner.postEvent("onMyCustomEvent",2);//可以再次触发其他的事件,注意事件应为 web.layout.event.BEHAVIOR 名字空间下的事件或自定义事件
}
//自定义事件的参数与onApplicationEvent相同
onMyCustomEvent = function (ltTarget,ltOwner,reason,behaviorParams) {
ltOwner.printf("自定义事件onMyCustomEvent被触发,触发参数:%d",reason)
}
//CSS脚本中读取 self:value 时触发此回调,第2个返回值返回 value 的值
onGetValue = function( ltOwner ){
return true,"Value:onGetValue";
}
//CSS脚本中使用 self:value 修改值时触发此回调
onSetValue = function( ltOwner,value ){
return true
}
//所有名字不是on前缀的函数,都可以在CSS脚本中直接调用,
//在CSSS!调用下面的函数时,第一个实参是下面的第二个形参,第一个ltEle参数则是绑定behavior的节点对象
func = function(ltOwner,a,b,c){
ltOwner.printf("调用了自定义函数,收到参数 a:%d b:%d c:%s ",a,b,c )
return "返回新的值"
}
}
wbLayout.html =/***
<div id="my-button" 属性="值">请点击这里</div>
***/
wbLayout.css = /**
#my-button{
/*
behavior名字前加波浪线表示在原来的behavior列表上追加,而不是替换behavior属性。
可以指定多个behavior,以空格分格,例如下面的 clickable 是一个内建behavior,表示触发 onButtonClick事件而不是 onMouseClick事件。
*/
behavior:"button.command clickable";
active-on!:/*类似behavior中的onMouseDown,也即节点切换到active状态*/
self.func(1,2,self:value), /*CSSS!脚本以逗号分隔语句*/
; /*CSSS!脚本以分号表示语句块结束*//
}
**/
winform.show()
win.loopMessage();
Markdown 格式