实例说明：
这期，又是一个按钮，也是用的.onButtonClick 事件， (也可以用节点事件参照方法 3)
没有什么特别的，辣么会有什么区别呢？
这次我们是通过 div 来定义一个按钮，并指定 id 为 btn，
同时注意在 css 中，我们为#btn 绑定了 behavior：button 行为；
之前是用的 button 控件，自带特效，
现在我们通过把特效拿过来给 div，
效果也是一样一样的！！！
实例代码：
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:button;}
#btn:hover{background:#c1c1c1;}
</style>
</head>
<body>
<p><div id="btn">按钮 div</div></p>
</body>
</html>
**/
wbLayout.html = html;
wbLayout.onButtonClick = {
btn = function (ltTarget,ltOwner,reason,behaviorParams) {
mainForm.close()
}
}
mainForm.show()
return win.loopMessage();
|
