index.js

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

Class('App', 'linb.Com',{
    Instance:{
        //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.Tabs)
                .host(host,"tabs2")
                .setItems([{"id":"1", "caption":"page 1", "image":"img/demo.gif", "landBtn":true, "closeBtn":true}, {"id":"2", "caption":"page 2", "image":"img/demo.gif", "landBtn":true, "closeBtn":true}, {"id":"3", "caption":"page 3", "closeBtn":true}, {"id":"5", "caption":"page 4"}])
                .setValue("1")
            );
            
            host.tabs2.append((new linb.UI.SLabel)
                .host(host,"slable1")
                .setLeft(30)
                .setTop(330)
                .setCaption("simple label")
            , '1');
            
            host.tabs2.append((new linb.UI.Label)
                .host(host,"label10")
                .setLeft(80)
                .setTop(20)
                .setWidth(70)
                .setCaption("label")
                .setImage("img/demo.gif")
            , '1');
            
            host.tabs2.append((new linb.UI.Label)
                .host(host,"label5")
                .setLeft(130)
                .setTop(330)
                .setShadow(true)
                .setCaption("adv label")
                .setShadowText(true)
                .setFontSize("14px")
            , '1');
            
            host.tabs2.append((new linb.UI.Panel)
                .host(host,"panel2")
                .setDock("none")
                .setLeft(20)
                .setTop(230)
                .setWidth(180)
                .setHeight(180)
                .setZIndex(1)
                .setCaption("panel sample")
                .setOptBtn(true)
                .setToggleBtn(true)
                .setCloseBtn(true)
                .setLandBtn(true)
            , '2');
            
            host.panel2.append((new linb.UI.Link)
                .host(host,"link3")
                .setLeft(10)
                .setTop(30)
                .setWidth(120)
                .setHeight(19)
                .setCaption("link in the panel")
            );
            
            host.tabs2.append((new linb.UI.Block)
                .host(host,"block1")
                .setLeft(200)
                .setTop(20)
                .setWidth(200)
                .setHeight(150)
                .setBorderType("ridge")
            , '2');
            
            host.block1.append((new linb.UI.Layout)
                .host(host,"layout4")
                .setItems([{"id":"a", "min":10, "pos":"before", "size":40, "locked":false, "hide":false, "cmd":true, "caption":"a"}, {"id":"main", "min":10, "caption":"main", "size":40}, {"id":"b", "pos":"after", "min":10, "size":37, "locked":false, "hide":false, "cmd":true, "caption":"b"}])
            );
            
            host.layout4.append((new linb.UI.Link)
                .host(host,"link5")
                .setLeft(50)
                .setTop(10)
                .setCaption("link5")
            , 'b');
            
            host.layout4.append((new linb.UI.Label)
                .host(host,"label3")
                .setLeft(20)
                .setTop(10)
                .setCaption("label3")
            , 'a');
            
            host.layout4.append((new linb.UI.Layout)
                .host(host,"layout5")
                .setItems([{"id":"before", "pos":"before", "min":10, "size":50, "locked":false, "hide":false, "cmd":true, "caption":"before"}, {"id":"main", "min":10, "caption":"main"}, {"id":"after", "pos":"after", "min":10, "size":50, "locked":false, "hide":false, "cmd":true, "caption":"after"}])
                .setType("horizontal")
            , 'main');
            
            host.tabs2.append((new linb.UI.RadioBox)
                .host(host,"radiobox1")
                .setItems([{"id":"1", "image":"img/demo.gif", "caption":"radio 1"}, {"id":"2", "image":"img/demo.gif", "caption":"radio 2"}, {"id":"3", "caption":"radio 3"}, {"id":"4", "caption":"radio 4"}, {"id":"5", "caption":"radio 5"}])
                .setLeft(10)
                .setTop(70)
                .setWidth(100)
            , '3');
            
            host.tabs2.append((new linb.UI.Pane)
                .host(host,"pane18")
                .setLeft(20)
                .setTop(20)
                .setWidth(160)
                .setHeight(30)
                .setHtml("Panel")
            , '2');
            
            host.pane18.append((new linb.UI.Link)
                .host(host,"link4")
                .setLeft(40)
                .setTop(10)
                .setCaption("link4")
            );
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput12")
                .setLeft(20)
                .setTop(80)
                .setWidth(80)
                .setReadonly(true)
                .setType("upload")
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("a")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput18")
                .setLeft(110)
                .setTop(80)
                .setWidth(80)
                .setType("getter")
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("a")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput17")
                .setLeft(110)
                .setTop(50)
                .setWidth(80)
                .setReadonly(true)
                .setType("listbox")
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("a")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput13")
                .setLeft(20)
                .setTop(110)
                .setWidth(80)
                .setType("helpinput")
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("a")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput14")
                .setLeft(20)
                .setTop(140)
                .setWidth(80)
                .setType("popbox")
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("a")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput20")
                .setLeft(110)
                .setTop(140)
                .setWidth(80)
                .setType("timepicker")
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("00:00")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput11")
                .setLeft(20)
                .setTop(50)
                .setWidth(80)
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("a")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput21")
                .setLeft(110)
                .setTop(170)
                .setWidth(80)
                .setType("colorpicker")
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("#AFFFFF")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput16")
                .setLeft(20)
                .setTop(200)
                .setWidth(80)
                .setType("spin")
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setValue("0")
            , '2');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput22")
                .setLeft(110)
                .setTop(200)
                .setWidth(80)
                .setItems([{"id":"a", "caption":"item a", "image":"img/demo.gif"}, {"id":"b", "caption":"item b", "image":"img/demo.gif"}, {"id":"c", "caption":"item c", "image":"img/demo.gif"}, {"id":"d", "caption":"item d", "image":"img/demo.gif"}])
                .setSaveBtn(true)
                .setValue("a")
            , '2');
            
            host.tabs2.append((new linb.UI.Block)
                .host(host,"block8")
                .setLeft(220)
                .setTop(200)
                .setWidth(540)
                .setHeight(210)
                .setBorderType("ridge")
            , '2');
            
            host.block8.append((new linb.UI.ButtonViews)
                .host(host,"buttonviews2")
                .setItems([{"id":"a", "caption":"buttonview a", "image":"img/demo.gif", "closeBtn":true, "landBtn":true}, {"id":"b", "caption":"buttonview b", "image":"img/demo.gif", "closeBtn":true, "landBtn":true}, {"id":"c", "caption":"buttonview c"}])
                .setBarSize(28)
                .setValue("a")
            );
            
            host.buttonviews2.append((new linb.UI.Group)
                .host(host,"group1")
                .setLeft(10)
                .setTop(10)
                .setWidth(200)
                .setHeight(100)
                .setCaption("group")
            , 'a');
            
            host.group1.append((new linb.UI.Link)
                .host(host,"link2")
                .setLeft(40)
                .setTop(30)
                .setCaption("link2")
            );
            
            host.group1.append((new linb.UI.Button)
                .host(host,"button11")
                .setLeft(90)
                .setTop(30)
                .setWidth(90)
                .setCaption("button11")
            );
            
            host.tabs2.append((new linb.UI.PageBar)