aardio-htmlayout & Aardio 按钮事件实现方法总结（6）-css!

这里又是一个按钮，没有 behavior，而是使用 csss! 直接调用 aardio 全局函数！

需要注意：

wbLayout = web.layout( mainForm //关键是在第二个参数里指定 _HL_HANDLE_METHOD_CALL 以捕获所有函数调用事件 ,0x80000000/*_HL_DISABLE_INITIALIZATION*/ | 0x200/*_HL_HANDLE_METHOD_CALL*/ )
在 css 中 #btn{active-on!:closeform();} /* csss!调用全局函数*/}
wbLayout.closeform = function(){... 函数写在页面加载之前！

实例代码：

import win.ui;
import web.layout; //导入 layout
import web.layout.behavior.windowCommand;
 
mainForm = win.form(text="aardio 工程";right=359;bottom=669;border="none")
mainForm.add()
wbLayout = web.layout( mainForm //关键是在第二个参数里指定 _HL_HANDLE_METHOD_CALL 以捕获所有函数调用事件
    ,0x80000000/*_HL_DISABLE_INITIALIZATION*/ | 0x200/*_HL_HANDLE_METHOD_CALL*/ 
)  
if( _STUDIO_INVOKED ){  //开启 layout 调试
	import web.layout.debug;
	wbLayout.attachEventHandler( web.layout.debug );
	}
 
html = /** 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" /> 
	<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;
	active-on!:closeform();}  /* csss! 调用全局函数*/
	#btn:hover{background:#c1c1c1;}
 
	</style>
</head>
<body>	
	<p><div id="btn">按钮 csss!</div></p>	
</body>
</html>
 
 **/
 
wbLayout.closeform = function(){ //函数定义在页面加载之前
	mainForm.close()	
}
 
wbLayout.html = html;  //加载页面
       
mainForm.show() 
return win.loopMessage();