how move control with mouse (not drop) like in UIBuilder?

Why this code don't work?

from api:
http://linb.net/API/#linb.UI.prototype.draggable._list

// The default code is a com class (inherited from linb.Com)
Class('App', 'linb.Com',{
    // Ensure that all the value of "key/value pair" does not refer to external variables
    Instance:{
        // To initialize instance(e.g. properties)
        initialize : function(){
            // To determine whether or not the com will be destroyed, when the first UI control be destroyed
            this.autoDestroy = true;
            // To initialize properties
            this.properties = {};
        },
        // To initialize internal components (mostly UI controls)
        // *** If you're not a skilled, dont modify this function manually ***
        iniComponents : function(){
            // [[code created by jsLinb UI Builder
            var host=this, children=[], append=function(child){children.push(child.get(0))};
            
            append(
                (new linb.UI.Button)
                .setHost(host,"ctl_button5")
                .setLeft(160)
                .setTop(21)
                .setCaption("ctl_button5")
            );
            
            append(
                (new linb.UI.Block)
                .setHost(host,"ctl_block7")
                .setLeft(260)
                .setTop(130)
                .setWidth(320)
                .setHeight(240)
                .setDropKeys("test")
                .onDrop("_ctl_block7_ondrop")
            );
            
            return children;
            // ]]code created by jsLinb UI Builder
        },
        // Give a chance to load other com
        iniExComs : function(com, threadid){
        },
        // Give a chance to determine which UI controls will be appended to parent container
        customAppend : function(parent, subId, left, top){
            // "return false" will cause all the internal UI controls will be added to the parent panel
            return false;
        },
        // This instance's events
        events : {"onReady":"_com_onready"},
        _com_onready : function (com,threadid){
            this.ctl_button5.draggable("test", this.ctl_button5.getDomId());
               
        },
        _ctl_block7_ondrop : function (profile,e,src,dragKey,dragData,item){
            linb.log(dragData);
            var yy = linb.UIProfile.getFromDom(dragData).boxing(); 
            profile.boxing().append(dragData);
        }
    }
});

none of events fire, why?

// The default code is a com class (inherited from linb.Com)
Class('App', 'linb.Com',{
    // Ensure that all the value of "key/value pair" does not refer to external variables
    Instance:{
        // To initialize instance(e.g. properties)
        initialize : function(){
            // To determine whether or not the com will be destroyed, when the first UI control be destroyed
            this.autoDestroy = true;
            // To initialize properties
            this.properties = {};
        },
        // To initialize internal components (mostly UI controls)
        // *** If you're not a skilled, dont modify this function manually ***
        iniComponents : function(){
            // [[code created by jsLinb UI Builder
            var host=this, children=[], append=function(child){children.push(child.get(0))};
            
            append(
                (new linb.UI.Block)
                .setHost(host,"ctl_block10")
                .setLeft(30)
                .setTop(90)
                .setWidth(680)
                .setHeight(380)
                .setDropKeys("abc")
                .beforeDrop("_ctl_block10_beforedrop")
                .onDragLeave("_ctl_block10_ondragleave")
            );
            
            host.ctl_block10.append(
                (new linb.UI.Pane)
                .setHost(host,"ctl_pane21")
                .setLeft(50)
                .setTop(20)
                .setWidth(98)
                .setHeight(28)
                .setDropKeys("abc")
                .onMove("_ctl_pane21_onmove")
                .setCustomStyle({"KEY":"border:dashed 1px blue;"})
            );
            
            host.ctl_pane21.append(
                (new linb.UI.SButton)
                .setHost(host,"ctl_sbutton17")
                .setLeft(10)
                .setTop(0)
                .setCaption("ctl_sbutton17")
            );
            
            return children;
            // ]]code created by jsLinb UI Builder
        },
        // Give a chance to load other com
        iniExComs : function(com, threadid){
        },
        // Give a chance to determine which UI controls will be appended to parent container
        customAppend : function(parent, subId, left, top){
            // "return false" will cause all the internal UI controls will be added to the parent panel
            return false;
        },
        // This instance's events
        events : {"onReady":"_com_onready"},
        _ctl_sbutton1_onclick : function (profile, e, src, value) {
            var uictrl = profile.boxing();
            
        },
        _com_onready : function (com,threadid){
            
            
        },
        _ctl_block10_ondragleave : function (profile,e,src,dragKey,dragData,item){
            var ns = this, uictrl = profile.boxing();
            linb.message('leave');
        },
        _ctl_block10_beforedrop : function (profile,e,src,dragKey,dragData,item){
            var ns = this, uictrl = profile.boxing();
            linb.message('bdrop');            
        },
        _ctl_pane21_onmove : function (profile,left,top,right,bottom){
            var ns = this, uictrl = profile.boxing();
            linb.message('move');    
        }
    }
});

http://linb.net/API/#linb.DragDrop

several examples don't work in API

ondragover event don't fire

Class('App', 'linb.Com',{
    Instance:{
        iniComponents:function(){
            // [[code created by jsLinb UI Builder
            var host=this, children=[], append=function(child){children.push(child.get(0))};
            
            append((new linb.UI.Button)
                .setHost(host,"button7")
                .setLeft(60)
                .setTop(50)
                .setWidth(260)
                .setCaption("Use default event behavior")
                .onClick("_button7_onclick")
            );
            
            append((new linb.UI.Button)
                .setHost(host,"button10")
                .setLeft(60)
                .setTop(90)
                .setWidth(260)
                .setCaption("Use custom behavior")
                .onClick("_button7_onclick")
                .setCustomBehavior({"onClick":function () {
                alert("In custom behavior!");
            }})
            );
            
            append((new linb.UI.Button)
                .setHost(host,"button13")
                .setLeft(60)
                .setTop(130)
                .setWidth(260)
                .setCaption("Use DOM attached behavior")
                .onRender("_button13_onrender")
            );
            
            return children;
            // ]]code created by jsLinb UI Builder
        }, 
        _button7_onclick:function (profile, e, src, value) {
            alert('In default event behavior!');
        }, 
        _button13_onrender:function (profile) {
            profile.getRoot()
            .onDragleave(function(){
                linb.log(xxx);
            })
            .onDragover(function(){
                linb.log(xxx);
            })
            .onMouseup(function(){
                linb.log(xxx);
            })
            .onMousedown(function(p, e){
                window.xxx = linb.Event.getPos(e);
                  
            })
            .beforeClick(function(){
                alert('In DOM attached event 1');
            })
            .onClick(function(){
                alert('In DOM attached event 2');
                return false;
            })
            .afterClick(function(){
                alert('In DOM attached event 3(will never be excuted!)');
            })
        }
    }
});