HTMLayout 自定义属性

编程

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();

qhxn1231

正在学习！高手！