import win.ui;
/*DSG{{*/
var winform = win.form(text="HTMLayout 自定义控件";right=1014;bottom=523;parent=...)
winform.add()
/*}}*/
import web.layout;
import com.lite;
var wbLayout = web.layout( winform );
import web.layout.debug;
wbLayout.attachEventHandler( web.layout.debug );
_drawSplitter =function(hDc,x,y,width,height){
    var sbmp ='\u00AA\u0055\u00AA\u0055';
    var hbmp =::CreateBitmap(4,4,1,1,sbmp);
    var brush =::CreatePatternBrush(hbmp);
    var brush_old =::SelectObject(hDc,brush);
    ::PatBlt(hDc,x,y,width,height,0x5A0049/*_PATINVERT*/);
    ::SelectObject(hDc,brush_old);
    ::DeleteObject(brush);
    ::DeleteObject(hbmp);    
};
wbLayout.onButtonClick = function (ltTarget,ltOwner,reason,behaviorParams) {
    if(ltTarget.name == "button"){
        var hwnd = ltOwner.parent().getHwnd()        
        var x,y,w,h = ltOwner.nextSibling().getPos();
        
        _drawSplitter(::GetDC(hwnd),600,y,10,h+150);//这个怎样不被挡住呢?
        
        _drawSplitter(::GetDC(hwnd),100,y,10,h+150);
        //这个可以显示
    }
}
/*HTML{{*/
wbLayout.html =/*** 
<body>
<div style="font-size:9pt;width:90%%; height:100%%;border:1px solid red;"> 111</div>
<button name="button" type="button" value="">画线</button>
<input cls="edit" data-table="{ text='控件文本';multiline=true }" id="edit" style="font-size:9pt;width:90%%; height:80%;"> 
</body>
***/
wbLayout.css = /**
body{ 
margin:0px;
height:100%%;
width:100%;
font:system;
flow: horizontal;
} 
**/
/*}}*/
winform.show() 
win.loopMessage();