index.js

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

                .host(host,"pagebar1")
                .setLeft(130)
                .setTop(80)
                .setValue("1:100:200")
            , '3');
            
            host.tabs2.append((new linb.UI.Gallery)
                .host(host,"gallery1")
                .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"}])
                .setLeft(240)
                .setTop(120)
                .setWidth(170)
                .setHeight(110)
            , '3');
            
            host.tabs2.append((new linb.UI.MenuBar)
                .host(host,"menubar2")
                .setItems([{"id":"file", "sub":["a", "b", "c"], "caption":"file"}, {"id":"tools", "sub":[{"id":"aa", "caption":"aa"}, {"id":"bb", "caption":"bb"}], "caption":"tools"}])
            , '3');
            
            host.tabs2.append((new linb.UI.ToolBar)
                .host(host,"toolbar20")
                .setItems([{"id":"file", "sub":[{"id":"a", "caption":"a", "image":"img/demo.gif"}, {"id":"b", "caption":"b", "image":"img/demo.gif"}], "caption":"file"}, {"id":"tools", "sub":[{"id":"aa", "caption":"aa"}, {"id":"b b", "caption":"b b"}], "caption":"tools"}])
            , '3');
            
            host.tabs2.append((new linb.UI.IconList)
                .host(host,"iconlist2")
                .setItems([{"id":"a", "caption":"a", "image":"img/demo.gif"}, {"id":"b", "caption":"b", "image":"img/demo.gif"}, {"id":"c", "caption":"c", "image":"img/demo.gif"}])
                .setLeft(130)
                .setTop(120)
                .setWidth(130)
                .setHeight(100)
            , '3');
            
            host.tabs2.append((new linb.UI.Dialog)
                .host(host,"dialog3")
                .setLeft(470)
                .setTop(310)
                .setWidth(280)
                .setHeight(190)
                .setCaption("dialog3")
                .setOptBtn(true)
                .setLandBtn(true)
            , '3');
            
            host.dialog3.append((new linb.UI.Input)
                .host(host,"input2")
                .setLeft(40)
                .setTop(10)
            );
            
            host.dialog3.append((new linb.UI.Button)
                .host(host,"button18")
                .setLeft(40)
                .setTop(40)
                .setCaption("button18")
            );
            
            host.dialog3.append((new linb.UI.List)
                .host(host,"list7")
                .setItems([{"id":"item a", "caption":"item a"}, {"id":"item b", "caption":"item b"}, {"id":"item c", "caption":"item c"}, {"id":"item d", "caption":"item d"}])
                .setLeft(41)
                .setTop(70)
                .setHeight(70)
            );
            
            host.tabs2.append((new linb.UI.Block)
                .host(host,"block9")
                .setLeft(20)
                .setTop(240)
                .setWidth(420)
                .setHeight(150)
            , '3');
            
            host.block9.append((new linb.UI.TreeGrid)
                .host(host,"treegrid2")
                .setSelMode("single")
                .setRowNumbered(true)
                .setColHidable(true)
                .setColMovable(true)
                .setHeader([{"id":"col1", "width":80, "type":"label", "caption":"col1"}, {"id":"col2", "width":80, "type":"label", "caption":"col2"}, {"id":"col3", "width":80, "type":"label", "caption":"col3"}, {"id":"col4", "width":80, "type":"label", "caption":"col4"}])
                .setRows([{"cells":[{"value":"row1 col1"}, {"value":"row1 col2"}, {"value":"row1 col3"}, {"value":"row1 col4"}], "id":"a"}, {"cells":[{"value":"row2 col1"}, {"value":"row2 col2"}, {"value":"row2 col3"}, {"value":"row2 col4"}], "id":"b"}, {"cells":[{"value":"row3 col1"}, {"value":"row3 col2"}, {"value":"row3 col3"}, {"value":"row3 col4"}], "sub":[["sub1", "sub2", "sub3", "sub4"]], "id":"c"}])
            );
            
            host.tabs2.append((new linb.UI.SButton)
                .host(host,"sbutton11")
                .setLeft(20)
                .setTop(410)
                .setCaption("alert window")
                .onClick("_sbutton11_onclick")
            , '3');
            
            host.tabs2.append((new linb.UI.SButton)
                .host(host,"sbutton12")
                .setLeft(130)
                .setTop(410)
                .setCaption("confirm window")
                .onClick("_sbutton12_onclick")
            , '3');
            
            host.tabs2.append((new linb.UI.SButton)
                .host(host,"sbutton13")
                .setLeft(250)
                .setTop(410)
                .setCaption("prompt window")
                .onClick("_sbutton13_onclick")
            , '3');
            
            host.tabs2.append((new linb.UI.SButton)
                .host(host,"sbutton14")
                .setLeft(360)
                .setTop(410)
                .setCaption("pop window")
                .onClick("_sbutton14_onclick")
            , '3');
            
            host.tabs2.append((new linb.UI.Stacks)
                .host(host,"stacks1")
                .setItems([{"id":"a", "caption":"stack a", "landBtn":true, "closeBtn":true, "image":"img/demo.gif"}, {"id":"b", "caption":"stack b", "landBtn":true, "closeBtn":true, "image":"img/demo.gif"}, {"id":"c", "caption":"stack c"}])
                .setDock("none")
                .setLeft(440)
                .setTop(20)
                .setWidth(320)
                .setHeight(150)
                .setValue("a")
            , '2');
            
            host.stacks1.append((new linb.UI.Block)
                .host(host,"block3")
                .setLeft(20)
                .setTop(10)
                .setWidth(40)
                .setHeight(40)
            , 'a');
            
            host.stacks1.append((new linb.UI.Block)
                .host(host,"block4")
                .setLeft(80)
                .setTop(10)
                .setWidth(40)
                .setHeight(40)
                .setBorderType("ridge")
            , 'a');
            
            host.stacks1.append((new linb.UI.Block)
                .host(host,"block5")
                .setLeft(140)
                .setTop(10)
                .setWidth(40)
                .setHeight(40)
                .setBorderType("groove")
            , 'a');
            
            host.stacks1.append((new linb.UI.Block)
                .host(host,"block6")
                .setLeft(200)
                .setTop(10)
                .setWidth(40)
                .setHeight(40)
                .setBorderType("inset")
            , 'a');
            
            host.stacks1.append((new linb.UI.Block)
                .host(host,"block7")
                .setLeft(260)
                .setTop(10)
                .setWidth(40)
                .setHeight(40)
                .setBorder(true)
                .setBorderType("none")
            , 'a');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput15")
                .setLeft(20)
                .setTop(170)
                .setWidth(80)
                .setType("datepicker")
                .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("-28800000")
            , '2');
            
            host.tabs2.append((new linb.UI.Block)
                .host(host,"block10")
                .setLeft(470)
                .setTop(70)
                .setWidth(280)
                .setHeight(230)
                .setBorderType("groove")
            , '3');
            
            host.block10.append((new linb.UI.TreeBar)
                .host(host,"treebar3")
                .setItems([{"id":"a", "caption":"tree item a", "image":"img/demo.gif"}, {"id":"b", "caption":"tree item b", "image":"img/demo.gif"}, {"id":"c", "caption":"tree item c", "image":"img/demo.gif"}, {"id":"d", "caption":"tree d", "sub":["sub d a", "sub d b", "sub d c"]}, {"id":"e", "group":true, "caption":"tree group e", "sub":[{"id":"sub e 1", "caption":"sub e 1"}, {"id":"sub e 2", "caption":"sub e 2"}]}, {"id":"f", "group":true, "caption":"tree group f", "sub":["sub f 1", "sub f 2"]}])
                .setPosition("relative")
            );
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput5")
                .setLeft(290)
                .setTop(70)
                .setValue("ComboInput")
            , '1');
            
            host.tabs2.append((new linb.UI.TextEditor)
                .host(host,"texteditor4")
                .setLeft(20)
                .setTop(50)
                .setWidth(110)
                .setHeight(80)
                .setValue("textEditor")
            , '1');
            
            host.tabs2.append((new linb.UI.Button)
                .host(host,"button7")
                .setLeft(280)
                .setTop(370)
                .setWidth(270)
                .setHeight(62)
                .setShadow(true)
                .setCaption("<p>adv button</p>")
                .setImage("img/demo.gif")
            , '1');
            
            host.tabs2.append((new linb.UI.Input)
                .host(host,"input3")
                .setLeft(290)
                .setTop(40)
                .setValue("input")
            , '1');
            
            host.tabs2.append((new linb.UI.ColorPicker)
                .host(host,"colorpicker1")
                .setLeft(500)
                .setTop(90)
            , '1');
            
            host.tabs2.append((new linb.UI.List)
                .host(host,"list2")
                .setItems([{"id":"1", "image":"img/demo.gif", "caption":"1"}, {"id":"2", "image":"img/demo.gif", "caption":"2"}, {"id":"3", "caption":"List"}])
                .setLeft(150)
                .setTop(50)
                .setHeight(70)
            , '1');
            
            host.tabs2.append((new linb.UI.Button)
                .host(host,"button15")
                .setLeft(420)
                .setTop(450)
                .setWidth(130)
                .setCaption("status button")
                .setType("status")
            , '1');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput6")
                .setLeft(290)
                .setTop(100)
                .setHeight(70)
                .setType("colorpicker")
                .setValue("#00FF00")
            , '1');
            
            host.tabs2.append((new linb.UI.Link)