index.js

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

Class('App', 'linb.Com',{
    Instance:{
        events:{"onReady":"_onready","onRender":"_onRender"},
        paras:{
            sessionname : '',

            filename : "",
            tag : '',
            fileext : "jpg"
        },
        getPath:function(paras){
            return CONF.basePath +   CONF.workingPath + (paras.origin=='demos'?'demos':paras.origin=='upload'?('upload'+'/'+paras.sessionname):(paras.logindate +'/'+paras.sessionname)) + '/' +paras.filename+(paras.origin?'':('/'+paras.tag))+'.'+paras.fileext;
        },
        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,"paneTop")
                .setDomId("paneTop")
                .setWidth("auto")
                .setHeight(36)
                .setPosition("relative")
            );

            host.paneTop.append((new linb.UI.Pane)
                .host(host,"paneTopRight")
                .setDomId("paneTopRight")
                .setTop(6)
                .setWidth("auto")
                .setHeight(20)
                .setRight(10)
            );

            host.paneTopRight.append((new linb.UI.Link)
                .host(host,"linkLangEn")
                .setLeft(15)
                .setTop(0)
                .setWidth(66)
                .setPosition("relative")
                .setCaption("English")
                .onClick("_linklangen_onclick")
                .setCustomClass({"KEY":"btn-lang"})
            );

            host.paneTopRight.append((new linb.UI.Link)
                .host(host,"linkLangCn")
                .setLeft(10)
                .setTop(0)
                .setPosition("relative")
                .setCaption("\u4e2d\u6587")
                .onClick("_linklangcn_onclick")
                .setCustomClass({"KEY":"btn-lang"})
            );

            host.paneTop.append((new linb.UI.Div)
                .host(host,"vLogo")
                .setDomId("vLogo")
                .setLeft(8)
                .setTop(4)
                .setWidth(32)
                .setHeight(32)
            );

            host.paneTop.append((new linb.UI.Pane)
                .host(host,"panelTopLeft")
                .setDomId("panelTopLeft")
                .setLeft(50)
                .setTop(10)
                .setWidth(300)
                .setHeight(20)
                .setHtml("$app.caption.logo")
            );

            append((new linb.UI.Pane)
                .host(host,"paneMain")
                .setDomId("paneMain")
                .setWidth("auto")
                .setHeight("auto")
                .setPosition("relative")
                .setCustomStyle({"KEY":"margin-left:100px;"})
            );

            host.paneMain.append((new linb.UI.Tabs)
                .host(host,"tabsCmds")
                .setDomId("tabsCmds")
                .setItems([{"id":"basic", "caption":"$app.tasks.basic", "tips":"$app.tasks.basicTips"}, {"id":"crop", "caption":"$app.tasks.crop", "tips":"$app.tasks.cropTips"}, {"id":"frm", "caption":"$app.tasks.frm", "tips":"$app.tasks.frmTips"}, {"id":"frm2", "caption":"$app.tasks.frm2", "tips":"$app.tasks.frm2Tips"}, {"id":"text", "caption":"$app.tasks.text", "tips":"$app.tasks.textTips"}, {"id":"resize", "caption":"$app.tasks.resize", "tips":"$app.tasks.resizeTips"}])
                .setDock("none")
                .setWidth("auto")
                .setHeight(95)
                .setPosition("relative")
                .setHAlign("center")
                .onItemSelected("_tb_onitemseltected")
                .setCustomStyle({"PANEL":"border-left:solid 1px #C87800;border-right:solid 1px #C87800;", "KEY":"border-bottom:solid 1px #C87800;"})
            );

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"btnRot")
                .setLeft(661)
                .setTop(6)
                .setWidth(110)
                .setCaption("$app.basic.rot")
                .beforeHoverEffect("_btnrot_beforehovereffect")
            , 'basic');

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"btnMir")
                .setLeft(781)
                .setTop(6)
                .setWidth(110)
                .setCaption("$app.basic.mir")
                .beforeHoverEffect("_btnmir_beforehovereffect")
            , 'basic');

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"btnOne")
                .setLeft(661)
                .setTop(36)
                .setWidth(110)
                .setCaption("$app.basic.one")
                .beforeHoverEffect("_btnone_beforehovereffect")
            , 'basic');

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"btnFilter")
                .setLeft(781)
                .setTop(36)
                .setWidth(110)
                .setCaption("$app.basic.filter")
                .beforeHoverEffect("_btnfilter_beforehovereffect")
            , 'basic');

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"btnApply")
                .setLeft(11)
                .setTop(36)
                .setCaption("$app.caption.applyCrop")
                .onClick("_crop_onclick")
            , 'crop');

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"btnResizeApply")
                .setLeft(10)
                .setTop(36)
                .setCaption("$app.caption.applyResize")
                .onClick("_resize_onclick")
            , 'resize');

            host.tabsCmds.append((new linb.UI.Div)
                .host(host,"vFont")
                .setLeft(351)
                .setTop(21)
                .setHeight(20)
                .setHtml("$app.addtext.font")
                .setCustomClass({"KEY":"app-label"})
            , 'text');

            host.tabsCmds.append((new linb.UI.Div)
                .host(host,"vFontSize")
                .setLeft(141)
                .setTop(8)
                .setWidth(80)
                .setHeight(20)
                .setHtml("$app.addtext.fontsize")
                .setCustomClass({"KEY":"app-label"})
            , 'text');

            host.tabsCmds.append((new linb.UI.Div)
                .host(host,"vFontColor")
                .setLeft(121)
                .setTop(41)
                .setHeight(20)
                .setHtml("$app.addtext.fontcolor")
                .setCustomClass({"KEY":"app-label"})
            , 'text');

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"btnAddText")
                .setLeft(11)
                .setTop(34)
                .setWidth(100)
                .setCaption("$app.caption.addtext")
                .onClick("_btnaddtext_onclick")
            , 'text');

            host.tabsCmds.append((new linb.UI.ComboInput)
                .host(host,"ciFontSize")
                .setLeft(231)
                .setTop(7)
                .setWidth(101)
                .setValueFormat("^\\d\\d*$")
                .setType("helpinput")
                .setValue("32")
                .afterUIValueSet("_fontsize_us")
            , 'text');

            host.tabsCmds.append((new linb.UI.ComboInput)
                .host(host,"ciFontColor")
                .setLeft(231)
                .setTop(40)
                .setWidth(101)
                .setReadonly(true)
                .setType("colorpicker")
                .setValue("#FFFF00")
                .beforeUIValueSet("_cifontcolor_beforeuivalueset")
            , 'text');

            host.tabsCmds.append((new linb.UI.Range)
                .host(host,"rangeCon")
                .setLeft(10)
                .setTop(11)
                .setZIndex("10")
                .setMin(-100)
                .setSingleValue(true)
                .setValue("-100:0")
                .afterUIValueSet("_rangecon_afteruivalueset")
            , 'basic');

            host.tabsCmds.append((new linb.UI.Range)
                .host(host,"rangeBri")
                .setLeft(331)
                .setTop(11)
                .setZIndex("10")
                .setMin(-100)
                .setSingleValue(true)
                .setValue("-100:0")
                .afterUIValueSet("_rangebri_afteruivalueset")
            , 'basic');

            host.tabsCmds.append((new linb.UI.Div)
                .host(host,"div39")
                .setLeft(21)
                .setTop(3)
                .setWidth(180)
                .setHeight(30)
                .setHtml("$app.basic.con")
            , 'basic');

            host.tabsCmds.append((new linb.UI.Div)
                .host(host,"div40")
                .setLeft(347)
                .setTop(3)
                .setWidth(180)
                .setHeight(30)
                .setHtml("$app.basic.bri")
            , 'basic');

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"button12")
                .setLeft(21)
                .setTop(36)
                .setZIndex("10")
                .setCaption("$app.caption.applyIcon")
                .onClick("_button12_onclick")
            , 'frm2');

            host.tabsCmds.append((new linb.UI.Button)
                .host(host,"button25")
                .setLeft(171)
                .setTop(38)
                .setZIndex("10")
                .setCaption("$app.caption.applyFrm")
                .onClick("_button13_onclick")
            , 'frm');

            host.tabsCmds.append((new linb.UI.Div)
                .host(host,"div46")
                .setLeft(11)
                .setTop(43)
                .setWidth(80)
                .setHeight(20)
                .setZIndex("10")
                .setHtml("$app.caption.frmbg")
                .setCustomClass({"KEY":"app-label"})
            , 'frm');

            host.tabsCmds.append((new linb.UI.ComboInput)
                .host(host,"iBGFrm")
                .setDomId("iBGFrm")
                .setLeft(97)
                .setTop(43)
                .setWidth(70)
                .setZIndex("10")
                .setType("colorpicker")
                .setValue("#FFFFFF")
                .afterUIValueSet("_btnbgfrm_onclick")
            , 'frm');

            host.tabsCmds.append((new linb.UI.Div)
                .host(host,"divFont")
                .setLeft(455)
                .setTop(10)
                .setWidth("auto")
                .setHeight("40")
                .setCustomStyle('KEY','overflow:visible;')
            , 'text');

            host.paneMain.append((new linb.UI.Pane)
                .host(host,"paneInfo")
                .setDomId("paneInfo")
                .setWidth("auto")
                .setHeight("40")
                .setPosition("relative")
            );

            host.paneInfo.append((new linb.UI.Div)
                .host(host,"vInfo")
                .setDomId("vInfo")
                .setLeft(12)
                .setWidth("auto")
                .setHeight("auto")
                .setPosition("relative")
            );

            host.paneInfo.append((new linb.UI.Div)
                .host(host,"vInfo2")
                .setDomId("vInfo2")
                .setLeft(12)
                .setWidth("auto")
                .setHeight("auto")
                .setPosition("relative")
            );

            host.paneMain.append((new linb.UI.Pane)
                .host(host,"panePic")
                .setDomId("panePic")
                .setWidth("auto")
                .setHeight("auto")
                .setPosition("relative")
            );

            host.panePic.append((new linb.UI.Pane)
                .host(host,"paneImageBorder")
                .setDomId("paneImageBorder")
                .setWidth("auto")
                .setHeight("auto")
                .setPosition("relative")
            );

            host.paneImageBorder.append((new linb.UI.Image)
                .host(host,"imgBig")
                .setDomId("imgBig")
                .setPosition("relative")
                .onError("_imgbig_onerror")
                .beforeLoad("_imgbig_beforeload")
                .afterLoad("_imgbig_afterload")
            );

            host.paneMain.append((new linb.UI.Pane)
                .host(host,"paneBottom")
                .setDomId("paneBottom")
                .setWidth("auto")
                .setHeight("auto")
                .setPosition("relative")
            );

            append((new linb.UI.Dialog)
                .host(host,"dlgHistory")
                .setDomId("dlgHistory")
                .setTop(132)
                .setWidth(200)
                .setRight(0)
                .setShadow(false)
                .setCaption("$app.caption.history")
                .setMaxBtn(false)
                .setCloseBtn(false)
                .setPinBtn(false)
            );

            host.dlgHistory.append((new linb.UI.IconList)
                .host(host,"ilHistory")
                .setDomId("ilHistory")
                .setDock("fill")
                .setItemWidth(32)
                .setItemHeight(32)
                .onItemSelected("_il_onitemseletcted")
            );

            append((new linb.UI.Pane)
                .host(host,"paneDemo")
                .setDomId("paneDemo")