pane.js

国内开发的javascript框架应用。龙博javascript。

 Class('App.linb_UI_Pane', '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.Pane)
                .host(host,"pane1")
                .setLeft(60)
                .setTop(40)
                .setHtml("pane1")
                .setWidth(110)
                .setHeight(178)
            );

            host.pane1.append((new linb.UI.Button)
                .host(host,"button15")
                .setLeft(10)
                .setTop(70)
                .setWidth(60)
                .setCaption("btn")
            );

            append((new linb.UI.Pane)
                .host(host,"pane2")
                .setLeft(190)
                .setTop(40)
                .setHtml("pane2")
                .setWidth(110)
                .setHeight(178)
                .setCustomStyle({"KEY":"background:#00ff00;border:solid 1px #888"})
            );

            host.pane2.append((new linb.UI.Button)
                .host(host,"button16")
                .setLeft(20)
                .setTop(80)
                .setWidth(60)
                .setCaption("btn")
            );

            append((new linb.UI.Pane)
                .host(host,"pane3")
                .setLeft(320)
                .setTop(40)
                .setHtml("<strong>pane3</strong>")
                .setWidth(110)
                .setHeight(178)
            );

            host.pane3.append((new linb.UI.Button)
                .host(host,"button17")
                .setLeft(20)
                .setTop(70)
                .setWidth(60)
                .setCaption("btn")
            );

            return children;
            // ]]code created by jsLinb UI Builder
        }
    }
});