index.js

来自「Visual JS 在线JS编辑器 非常的COOL 在线生成网页和JS代码」· JavaScript 代码 · 共 435 行 · 第 1/2 页

                .host(host,"menubar2")
                .setItems([{"id":"file", "sub":["a", "b", "c"], "caption":"file"}, {"id":"tools", "sub":["aa", "bb"], "caption":"tools"}])
            , '3');
            
            host.tabs2.append((new linb.UI.TextEditor)
                .host(host,"texteditor4")
                .setLeft(20)
                .setTop(50)
                .setWidth(110)
                .setHeight(100)
                .setValue("textEditor")
            , '1');
            
            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(30)
                .setTop(370)
            , '1');
            
            host.tabs2.append((new linb.UI.Poll)
                .host(host,"poll1")
                .setItems([{"id":"1", "caption":"option 1", "percent":0.2}, {"id":"2", "caption":"option 2", "toggle":true, "percent":0.5}, {"id":"3", "caption":"option 3", "toggle":true, "percent":0.8}, {"id":"4", "caption":"option 4", "percent":0.4}, {"id":"5", "caption":"option 5", "percent":0.9}])
                .setLeft(170)
                .setTop(370)
                .setWidth(310)
            , '1');
            
            host.tabs2.append((new linb.UI.Div)
                .host(host,"div11")
                .setLeft(20)
                .setTop(10)
                .setWidth(40)
                .setHeight(40)
                .setHtml("div")
            , '1');
            
            host.tabs2.append((new linb.UI.PageBar)
                .host(host,"pagebar1")
                .setLeft(50)
                .setTop(80)
                .setValue("1:100:200")
            , '3');
            
            host.tabs2.append((new linb.UI.FoldingList)
                .host(host,"foldinglist1")
                .setItems([{"id":"a", "caption":"caption a", "title":"title a"}, {"id":"b", "caption":"caption b", "title":"title b"}, {"id":"c", "caption":"caption c", "title":"title c"}])
                .setLeft(30)
                .setTop(130)
                .setWidth(226)
                .setHeight(106)
                .setCmds([])
            , '3');
            
            host.tabs2.append((new linb.UI.Input)
                .host(host,"input3")
                .setLeft(580)
                .setTop(20)
                .setWidth(140)
                .setValue("input")
            , '1');
            
            host.tabs2.append((new linb.UI.Button)
                .host(host,"button7")
                .setLeft(270)
                .setTop(20)
                .setCaption("button")
                .setImage("img/demo.gif")
            , '1');
            
            host.tabs2.append((new linb.UI.ProgressBar)
                .host(host,"progressbar1")
                .setLeft(430)
                .setTop(60)
                .setValue(80)
            , '1');
            
            host.tabs2.append((new linb.UI.Range)
                .host(host,"range1")
                .setLeft(430)
                .setTop(110)
            , '1');
            
            host.tabs2.append((new linb.UI.TimePicker)
                .host(host,"timepicker1")
                .setLeft(30)
                .setTop(200)
            , '1');
            
            host.tabs2.append((new linb.UI.DatePicker)
                .host(host,"datepicker1")
                .setLeft(280)
                .setTop(200)
            , '1');
            
            host.tabs2.append((new linb.UI.ColorPicker)
                .host(host,"colorpicker1")
                .setLeft(520)
                .setTop(200)
            , '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(170)
                .setTop(60)
                .setHeight(100)
            , '1');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput5")
                .setLeft(300)
                .setTop(60)
                .setValue("ComboInput")
            , '1');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput6")
                .setLeft(300)
                .setTop(90)
                .setHeight(70)
                .setType("colorpicker")
                .setValue("#00FF00")
            , '1');
            
            host.tabs2.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":["sub e 1", "sub e 2"]}, {"id":"f", "group":true, "caption":"tree group f", "sub":["sub f 1", "sub f 2"]}])
                .setDock("none")
                .setLeft(400)
                .setTop(150)
                .setWidth(230)
                .setHeight(200)
            , '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.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"}])
                .setDock("none")
                .setLeft(20)
                .setTop(190)
                .setWidth(380)
                .setHeight(80)
                .setBarSize("30")
                .setValue("a")
            , '2');
            
            host.tabs2.append((new linb.UI.Link)
                .host(host,"link1")
                .setLeft(190)
                .setTop(20)
                .setCaption("link")
            , '1');
            
            append((new linb.UI.Pane)
                .host(host,"pane4")
                .setDock("top")
                .setHeight(50)
            );
            
            host.pane4.append((new linb.UI.Button)
                .host(host,"btnAqua")
                .setLeft(460)
                .setTop(17)
                .setCaption("aqua")
                .onClick("_btnaqua_clk")
            );
            
            host.pane4.append((new linb.UI.Button)
                .host(host,"btnVista")
                .setLeft(600)
                .setTop(17)
                .setCaption("vista")
                .onClick("_btnvista_clk")
            );
            
            host.pane4.append((new linb.UI.Button)
                .host(host,"btnDefault")
                .setLeft(320)
                .setTop(17)
                .setCaption("\u9ed8\u8ba4\u76ae\u80a4")
                .onClick("btndefault_clk")
            );
            
            host.pane4.append((new linb.UI.Label)
                .host(host,"label6")
                .setLeft("20")
                .setTop("20")
                .setWidth(280)
                .setHeight(30)
                .setCaption("\u5355\u51fb\u6309\u94ae\u6362\u76ae\u80a4")
                .setShadowText(true)
                .setFontSize("14px")
                .setFontWeight("bold")
            );
            
            return children;
            // ]]code created by jsLinb UI Builder
        }, 
        btndefault_clk:function(){
            linb.UI.setTheme('default');
        }, 
        _btnaqua_clk:function(){
            linb.UI.setTheme('aqua');
        }, 
        _btnvista_clk:function(){
            linb.UI.setTheme('vista');
        }, 
        base:[], 
        required:["linb.UI.Tabs", "linb.UI.TreeBar", "linb.UI.Label", "linb.UI.PageBar", "linb.UI.MenuBar", "linb.UI.ToolBar", "linb.UI.ButtonViews", "linb.UI.FoldingList", "linb.UI.Pane", "linb.UI.Panel", "linb.UI.Link", "linb.UI.Block", "linb.UI.Layout", "linb.UI.Calendar", "linb.UI.Stacks", "linb.UI.LinkList", "linb.UI.TimeLine", "linb.UI.IconList", "linb.UI.TreeGrid", "linb.UI.Gallery", "linb.UI.TextEditor", "linb.UI.RadioBox", "linb.UI.Poll", "linb.UI.Div", "linb.UI.Group", "linb.UI.Button", "linb.UI.CheckBox", "linb.UI.Input", "linb.UI.ProgressBar", "linb.UI.Range", "linb.UI.TimePicker", "linb.UI.DatePicker", "linb.UI.ColorPicker", "linb.UI.List", "linb.UI.ComboInput", "linb.UI.Dialog"]
    }
});