搜索
查看: 4458|回复: 1

[教程] HTMLayout 自定义属性

[复制链接]

43

主题

679

帖子

3805

积分

版主

Rank: 7Rank: 7Rank: 7

积分
3805
发表于 2012-6-6 11:45:34 | 显示全部楼层 |阅读模式

import win.ui;
/*DSG{{*/
winform = ..win.form( text=
"aardio Form";bottom=399;parent=...;right=599;border="resizable" )
winform.add(
layoutWindow={ dr=1;dl=1;notify=1;right=580;left=10;dt=1;top=12;z=1;db=1;bottom=382;multiline=1;cls=
"edit" }
)
/*}}*/

import web.layout;
wbLayout = web.layout(winform.layoutWindow);
  
//自定义一个名字为command的behavior
namespace web.layout.behavior.command{   
     
    onMouseDown =
function (ltTarget,ltEle, x,y,mouseParams) {
   
        
var message = ltEle.getCustomAttribute("message"); //在CSS中定义该属性时前面加一个横线
        var 属性 = ltEle.getCustomAttribute("属性"); //这个函数也可以用来读取普通HTML属性,也可以直接写
        var 属性 = ltEle.属性; //这样写仅支持HTML属性,不支持CSS自定义属性
        
        ..io.open()
        ..io.print(
"鼠标单击了,节点 message = ",message)
        
        
return true;//所有事件返回true终止事件.
    }  
}


wbLayout.html =
/***
  <div id="my-button" 属性="值">请点击这里</div>
***/



wbLayout.css =
/**
  #my-button{
    behavior:command; //绑定behavior
    -message:"在CSS中以横线开头表示添加自定义属性,也可以直接写在HTML中";
  }
**/


winform.show()
win.loopMessage();

回复

使用道具 举报

2

主题

15

帖子

134

积分

一级会员

Rank: 2

积分
134
发表于 2012-6-13 11:40:13 | 显示全部楼层

正在学习!高手!

正在学习!高手!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|站长邮箱|aardio.com|aardio官方社区 ( 皖ICP备09012014号 )

GMT+8, 2020-11-29 16:25 , Processed in 0.093750 second(s), 22 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表