index.js

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

                .host(host,"link1")
                .setLeft(190)
                .setTop(20)
                .setCaption("link")
            , '1');
            
            host.tabs2.append((new linb.UI.TimePicker)
                .host(host,"timepicker1")
                .setLeft(30)
                .setTop(140)
            , '1');
            
            host.tabs2.append((new linb.UI.DatePicker)
                .host(host,"datepicker1")
                .setLeft(280)
                .setTop(175)
            , '1');
            
            host.tabs2.append((new linb.UI.SButton)
                .host(host,"sbutton1")
                .setLeft(30)
                .setTop(360)
                .setCaption("simple button (auto width)")
            , '1');
            
            host.tabs2.append((new linb.UI.SButton)
                .host(host,"sbutton2")
                .setLeft(30)
                .setTop(390)
                .setWidth(206)
                .setCaption("simple button - left")
                .setHAlign("left")
            , '1');
            
            host.tabs2.append((new linb.UI.SButton)
                .host(host,"sbutton3")
                .setLeft(30)
                .setTop(420)
                .setWidth(206)
                .setCaption("simple button - center")
            , '1');
            
            host.tabs2.append((new linb.UI.SButton)
                .host(host,"sbutton4")
                .setLeft(30)
                .setTop(450)
                .setWidth(206)
                .setCaption("simple button - right")
                .setHAlign("right")
            , '1');
            
            host.tabs2.append((new linb.UI.SCheckBox)
                .host(host,"scheckbox1")
                .setLeft(575)
                .setTop(390)
                .setCaption("simple checkbox")
            , '1');
            
            host.tabs2.append((new linb.UI.Button)
                .host(host,"button14")
                .setLeft(280)
                .setTop(450)
                .setCaption("drop button")
                .setType("drop")
            , '1');
            
            host.tabs2.append((new linb.UI.Slider)
                .host(host,"slider2")
                .setLeft(730)
                .setTop(10)
                .setWidth(50)
                .setHeight(480)
                .setSteps(100)
                .setType("vertical")
                .setValue("30:60")
            , '1');
            
            host.tabs2.append((new linb.UI.Slider)
                .host(host,"slider1")
                .setLeft(440)
                .setTop(30)
                .setWidth(280)
                .setIsRange(false)
                .setValue("20")
            , '1');
            
            host.tabs2.append((new linb.UI.ProgressBar)
                .host(host,"progressbar1")
                .setLeft(290)
                .setTop(10)
                .setWidth(440)
                .setValue(80)
            , '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.CheckBox)
                .host(host,"checkbox1")
                .setLeft(570)
                .setTop(440)
                .setWidth(150)
                .setHeight(30)
                .setShadow(true)
                .setCaption("adv checkbox")
                .setImage("img/demo.gif")
            , '1');
            
            host.tabs2.append((new linb.UI.Calendar)
                .host(host,"calendar1")
                .setDock("none")
                .setLeft(30)
                .setTop(10)
                .setWidth(370)
                .setHeight(220)
            , '5');
            
            host.tabs2.append((new linb.UI.TimeLine)
                .host(host,"timeline1")
                .setLeft(30)
                .setTop(240)
                .setWidth(370)
                .setHeight(150)
                .setCloseBtn(true)
                .setOptBtn(true)
            , '5');
            
            host.tabs2.append((new linb.UI.Range)
                .host(host,"range1")
                .setLeft(440)
                .setTop(10)
            , '5');
            
            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, "text":"detail 1"}, {"id":"3", "caption":"option 3", "toggle":true, "percent":0.8, "text":"detail 2"}, {"id":"4", "caption":"option 4", "percent":0.4}, {"id":"5", "caption":"option 5", "percent":0.9}])
                .setLeft(440)
                .setTop(100)
                .setWidth(310)
                .setHeight(170)
                .setCmds([])
            , '5');
            
            host.tabs2.append((new linb.UI.LinkList)
                .host(host,"linklist1")
                .setItems([{"id":"a", "caption":"link list a"}, {"id":"b", "caption":"link list v"}, {"id":"c", "caption":"link list c"}])
                .setLeft(440)
                .setTop(70)
                .setWidth(310)
                .setHeight(30)
            , '5');
            
            host.tabs2.append((new linb.UI.FoldingList)
                .host(host,"foldinglist1")
                .setItems([{"id":"a", "caption":"caption a", "title":"title a", "text":"detail 1"}, {"id":"b", "caption":"caption b", "title":"title b"}, {"id":"c", "caption":"caption c", "title":"title c", "text":"detail 2"}])
                .setLeft(40)
                .setTop(400)
                .setWidth(356)
                .setHeight(116)
                .setCmds(["cmd 1","cmd 2"])
            , '5');
            
            host.tabs2.append((new linb.UI.ComboInput)
                .host(host,"comboinput19")
                .setLeft(110)
                .setTop(110)
                .setWidth(80)
                .setType("cmdbox")
                .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.Poll)
                .host(host,"poll2")
                .setItems([{"id":"1", "caption":"option 1", "percent":0.2}, {"id":"2", "caption":"option 2", "toggle":true, "percent":0.5, "text":"detail 1"}, {"id":"3", "caption":"option 3", "toggle":true, "percent":0.8, "text":"detail 2"}, {"id":"4", "caption":"option 4", "percent":0.4}, {"id":"5", "caption":"option 5", "percent":0.9}])
                .setLeft(440)
                .setTop(300)
                .setWidth(310)
                .setHeight(210)
                .setSelMode("multi")
                .setCmds(["cmd 1","cmd 2"])
            , '5');
            
            append((new linb.UI.Pane)
                .host(host,"pane4")
                .setDock("top")
                .setHeight(50)
            );
            
            host.pane4.append((new linb.UI.SButton)
                .host(host,"btnDefault")
                .setLeft(320)
                .setTop(17)
                .setWidth(100)
                .setCaption("default")
                .onClick("btndefault_clk")
            );
            
            host.pane4.append((new linb.UI.Label)
                .host(host,"label6")
                .setLeft(23)
                .setTop(17)
                .setWidth(280)
                .setHeight(30)
                .setCaption("Click here to change the theme =>")
                .setShadowText(true)
                .setFontSize("14px")
                .setFontWeight("bold")
            );
            
            host.pane4.append((new linb.UI.SButton)
                .host(host,"btnAqua")
                .setLeft(460)
                .setTop(17)
                .setWidth(100)
                .setCaption("aqua")
                .onClick("_btnaqua_clk")
            );
            
            host.pane4.append((new linb.UI.SButton)
                .host(host,"btnVista")
                .setLeft(600)
                .setTop(17)
                .setWidth(100)
                .setCaption("vista")
                .onClick("_btnvista_clk")
            );
            
            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');
        }, 
        _sbutton11_onclick:function (profile, e, src, value) {
            linb.UI.Dialog.alert('alert window', 'alert');
        }, 
        _sbutton12_onclick:function (profile, e, src, value) {
            linb.UI.Dialog.confirm('confirm?', 'confirm');
        }, 
        _sbutton13_onclick:function (profile, e, src, value) {
            linb.UI.Dialog.prompt('specify','prompt');
        }, 
        _sbutton14_onclick:function (profile, e, src, value) {
            linb.UI.Dialog.pop('pop message', 'pop');
        }, 
        base:[], 
        required:["linb.UI.Tabs", "linb.UI.Calendar", "linb.UI.TimeLine", "linb.UI.Range", "linb.UI.Poll", "linb.UI.LinkList", "linb.UI.FoldingList", "linb.UI.Pane", "linb.UI.Link", "linb.UI.Panel", "linb.UI.Block", "linb.UI.Layout", "linb.UI.Label", "linb.UI.Stacks", "linb.UI.ComboInput", "linb.UI.ButtonViews", "linb.UI.Group", "linb.UI.Button", "linb.UI.TextEditor", "linb.UI.Div", "linb.UI.CheckBox", "linb.UI.Input", "linb.UI.ProgressBar", "linb.UI.TimePicker", "linb.UI.DatePicker", "linb.UI.ColorPicker", "linb.UI.List", "linb.UI.Slider", "linb.UI.SLabel", "linb.UI.SButton", "linb.UI.SCheckBox", "linb.UI.PageBar", "linb.UI.Gallery", "linb.UI.MenuBar", "linb.UI.ToolBar", "linb.UI.IconList", "linb.UI.RadioBox", "linb.UI.Dialog", "linb.UI.TreeGrid", "linb.UI.TreeBar"]
    }
});