index.js

Visual JS 在线JS编辑器 非常的COOL 在线生成网页和JS代码 自由显示。

Class('App', 'linb.Com',{
    Instance:{
        //base Class for linb.Com
        base:["linb.UI"], 
        //requried class for the App
        required:["linb.UI.Block", "linb.UI.Button"], 
        //Com events
        events:{}, 
        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)
                .host(host,"button7")
                .setLeft(60)
                .setTop(50)
                .setWidth(260)
                .setCaption("Use default event behavior")
                .onClick("_button7_onclick")
            );
            
            append((new linb.UI.Button)
                .host(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)
                .host(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()
            .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');
            })
        }
    }
});