16.htmlayout & Aardio 按钮事件实现方法总结(2)

16.htmlayout & Aardio 按钮事件实现方法总结(2) - R站|学习使我快乐! - 1

实例代码:


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 = /**R 大技术站
	
<style type="text/css">
	@set std-button{
	:root{padding:0 8 0 8;line-height:24px;border:1px solid #ccc;cursor: pointer;transition: none;color:#fff;}
	:root:hover{background:#999;}
	:root:active{background:#999;}	
}
	button{background: #c1c1c1;width:120px;height:32px;margin-top:10px;margin-left:50%% - 60px;}
	#close_btn{background:#009688;}
    #open_btn{background:#FF5722;}
    button[name="name_btn"]{background:#1E9FFF;}
    #none_btn{background:#2F4056;}
	</style>
<button>按钮一</button>
<button id="close_btn">按钮 close</button>
<button id="open_btn">按钮 open</button>
<button name="name_btn">按钮 name</button>
<button id="none_btn">按钮 none</button>

 **/

wbLayout.html = html;

wbLayout.onButtonClick =  {	
	close_btn = function (ltTarget,ltOwner,reason,behaviorParams){
		mainForm.close()  //关闭窗口		
	}
	
	["open_btn"] = function (ltTarget,ltOwner,reason,behaviorParams){
		process.execute("http://www.btbat.com"); 	 //打开网页		
	}
	
	name_btn  = function (ltTarget,ltOwner,reason,behaviorParams){
		mainForm.close()  //关闭窗口		
	}
		
	default = function (ltTarget,ltOwner,reason,behaviorParams){
		mainForm.close()  //关闭窗口		
	}
			
}
 
mainForm.show() 
return win.loopMessage(); 

实例说明:
这次我们在 html 中加入了 5 个 button 按钮控件,
上期说了,button 控件自带 behavior 特效;

这 5 个按钮分别是:

<button>按钮一</button> // 无 ID 参考上一节内容
<button id="close_btn">按钮 close</button>  //设置 id 并指定事件 
<button id="open_btn">按钮 open</button>  //设置 id 并指定事件 
<button name="name_btn">按钮 name</button>  //设置 name 并指定事件
<button id="none_btn">按钮 none</button>  // 设置 id 没指定事件

我们通过:
close_btn = function (... //指定事件
["open_btn"] = function (... //指定事件

不同写法,效果一样,同时用 name 值也可以指定事件的。
然而虽然“按钮 none”也指定了 id,却没有指定事件,
其效果就和“按钮一”一样了,都会执行 default 默认事件;
PS:当然一般不需要写 default 事件的。
通过这样的方法,就可以方便的我们统一处理具有相同事件的控件。

编程语言

15.htmlayout 实现skin换肤功能!

2016-12-13 15:47:23

编程语言

17.htmlayout & Aardio 按钮事件实现方法总结(3)

2016-12-13 17:00:29

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
有新私信 私信列表
搜索