同(方法 4)一样用 div 定义了一个按钮;
也是给按钮指定了一个 behavior:mybtn 事件,
但是这个 behavior 不是 htmlayout 自带的,
所以呢我们就需要通过:

namespace web.layout.behavior.mybtn{
...
}

来指定这个 behavior 的事件,并应用到按钮上!

这就是传说中的 htmlayout 自定义 behavior 大法!!!
传说中掌握这个大法将无所不能!!!

实例代码:

import win.ui;
import web.layout; //导入 layout
import web.layout.behavior.windowCommand;
import process;
mainForm = win.form(text="aardio 工程";right=359;bottom=669;border="none")
mainForm.add()
wbLayout = web.layout( mainForm )
if( _STUDIO_INVOKED ){ //开启 layout 调试
import web.layout.debug;
wbLayout.attachEventHandler( web.layout.debug );
}

html = /**
<!DOCTYPE html>
<html>
<head>
<title>R 大技术站</title>
<style type="text/css">
#btn{width:120px;height:32px;line-height:32px;text-align:center;margin-top:10px;margin-left:50%% - 60px;background:#009688;color:#fff;behavior:mybtn;}
#btn:hover{background:#c1c1c1;}
</style>
</head>
<body>
<p><div id="btn">按钮 mybtn</div></p>
</body>
</html>

**/

namespace web.layout.behavior.mybtn{ //使用命名需要将事件定义在载入 html 之前
onMouseClick = function (ltTarget,ltOwner,reason,behaviorParams) {
..mainForm.close() //命名空间里需要使用..来指定全局变量
}
}

wbLayout.html = html; //载入 html

mainForm.show()
return win.loopMessage();