index.js

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

                .setDock("none")
                .setLeft(190)
                .setTop(10)
                .setWidth(160)
                .setHeight(90)
                .setZIndex(1)
                .setHtml("<b>Linda</b><br>01-3238-727<br>[e-mail]")
                .setCaption("Linda, Wen")
                .setDragKey("contactkey")
            );
            
            host.group3.append((new linb.UI.Panel)
                .host(host,"panelbar18")
                .setDock("none")
                .setLeft(360)
                .setTop(10)
                .setWidth(160)
                .setHeight(90)
                .setZIndex(1)
                .setHtml("<b>Jim</b><br>01-6543-321<br>[e-mail]")
                .setCaption("Jim, Stephen")
                .setDragKey("contactkey")
            );
            
            host.pnlContact.append((new linb.UI.Group)
                .host(host,"group4")
                .setLeft(20)
                .setTop(200)
                .setWidth(560)
                .setHeight(130)
                .setCaption("Drag customers to this box")
            );
            
            host.group4.append((new linb.UI.Pane)
                .host(host,"panel16")
                .setLeft(20)
                .setTop(10)
                .setWidth(150)
                .setHeight(80)
                .setHtml("Drag bussiness card over me")
                .setDropKeys("contactkey")
                .onDrop("_panel16_ondrop")
            );
            
            host.group4.append((new linb.UI.Pane)
                .host(host,"panel17")
                .setLeft(190)
                .setTop(10)
                .setWidth(150)
                .setHeight(80)
                .setHtml("Drag bussiness card over me")
                .setDropKeys("contactkey")
                .onDrop("_panel16_ondrop")
            );
            
            host.pnlContact.append((new linb.UI.Group)
                .host(host,"group5")
                .setLeft(20)
                .setTop(360)
                .setWidth(560)
                .setHeight(130)
                .setCaption("Drag venders here")
            );
            
            host.group5.append((new linb.UI.Pane)
                .host(host,"panel18")
                .setLeft(20)
                .setTop(10)
                .setWidth(150)
                .setHeight(80)
                .setHtml("Drag bussiness card over me")
                .setDropKeys("contactkey")
                .onDrop("_panel16_ondrop")
            );
            
            host.group5.append((new linb.UI.Pane)
                .host(host,"panel19")
                .setLeft(200)
                .setTop(10)
                .setWidth(150)
                .setHeight(80)
                .setHtml("Drag bussiness card over me")
                .setDropKeys("contactkey")
                .onDrop("_panel16_ondrop")
            );
            
            append((new linb.UI.ToolBar)
                .host(host,"toolbar7")
                .setItems([{"id":"toolSection1", "sub":[{"id":"toolNewMail", "caption":"New Mail", "tips":"New Mail Message", "image":"img/allinone.gif", "imagePos":"-80px top"}], "caption":"toolSection1"}, {"id":"toolSection2", "sub":[{"id":"toolPrint", "tips":"print", "image":"img/allinone.gif", "imagePos":"top left"}, {"id":"toolMove", "tips":"Move to folder", "image":"img/allinone.gif", "imagePos":"-64px top"}, {"id":"toolDelete", "tips":"Delete", "image":"img/allinone.gif", "imagePos":"-224px top"}], "caption":"toolSection2"}, {"id":"toolSection3", "sub":[{"id":"toolReply", "tips":"reply", "caption":"Reply", "image":"img/allinone.gif", "imagePos":"-160px top"}, {"id":"toolReplyAll", "tips":"Reply to all", "caption":"Reply to All", "image":"img/allinone.gif", "imagePos":"-176px top"}, {"id":"toolForward", "tips":"Forward", "caption":"Forward", "image":"img/allinone.gif", "imagePos":"-112px top"}, {"id":"toolRendReceive", "tips":"Rend / Receive", "caption":"Rend/Receive", "image":"img/allinone.gif", "imagePos":"-192px top"}], "caption":"toolSection3"}])
                .setDockOrder("3")
                .onClick("_toolbar7_onclick")
            );
            
            append((new linb.UI.MenuBar)
                .host(host,"menubar2")
                .setItems([{"id":"menFile", "caption":"File", "tips":"File", "sub":[{"id":"menFileNew", "caption":"New", "sub":[{"id":"menFileNewMailMessage", "caption":"Main Message", "image":"img/allinone.gif", "imagePos":"-80px top"}, {"id":"menFileNewAppointment", "caption":"Appointment", "image":"img/allinone.gif", "imagePos":"-256px top"}]}, {"id":"menFileOpen", "caption":"Open"}, {"id":"menFileOpen", "caption":"Open"}, {"id":"menFileDataFile", "caption":"Data File Management..."}, {"id":"menFileClose", "caption":"Close All Items"}, {"id":"menFileExport", "caption":"Export and import"}, {"id":"menFileWorkOffline", "caption":"Work Offline"}, {"id":"menPrint", "caption":"Print ...", "image":"img/allinone.gif", "imagePos":"top left"}, {"id":"menFileExit", "caption":"Exit"}]}, {"id":"menEdit", "caption":"Edit", "sub":[{"id":"idNotImplented", "caption":"Not Implemented"}]}, {"id":"menView", "caption":"View", "sub":[{"id":"idNotImplented", "caption":"Not Implemented"}]}])
                .setHandler(false)
            );
            
            return children;
            // ]]code created by jsLinb UI Builder
        }, 
        events:{
            "onRender":"_onRender"
        }, 
        _onRender:function(page, threadid){
            SPA=page;
            //select email button
            SPA.pnlNote.hide();
            SPA.pnlContact.hide();
            SPA.buttonviews4.setValue('email',true);
            SPA.treebar5.fireItemClickEvent('b');
        }, 
        _treebar5_onitemselected:function (profile, item, src) {
            this.pnlEmail.setCaption("Emails in " + item.caption);
            if(item.id=="b"){
                //this.ajax1.request();
                linb.Ajax('Data/inbox.js','a=1&b=2',this._ajax1_onrequestok).start();
            }else{
                linb.message("You selected " + item.caption);
                this.treegrid2.setRows([]);
            }
        }, 
        _ajax1_onrequestok:function (response, rspType, threadId) {
            var obj = _.unserialize(response);

            SPA.treegrid2.setHeader(obj.header).setRows(obj.rows);
        }, 
        _treegrid2_afterrowactive:function (profile, row) {
             this.block2.setHtml(row.cells[1].value);
        }, 
        _buttonviews4_onitemselected:function (profile, item, src) {
            var id=item.id;
            if(id=="email"){
                this.pnlNote.hide();
                this.pnlContact.hide();
                this.pnlEmail.show();   
            }else if(id=="note"){
                this.pnlEmail.hide();   
                this.pnlContact.hide();
                this.pnlNote.show();
            }else{
                this.pnlNote.hide();
                this.pnlEmail.hide();   
                this.pnlContact.show();
            }
        }, 
        _button11_onclick:function (profile, e, value) {
            this.popmenu5.pop(profile.root);
            this.popmenu5.$target = profile;
        }, 
        _panel16_ondrop:function (profile, e, node, key, data, item) {
            var target = profile.boxing(),
                source = data.profile.boxing(),
                para = source.getPanelPara(data.domId),
                children = source.getPanelChildren(data.domId)

            source.removePanel(data.domId);
            target.addPanel(para, children, item);

        }, 
        _toolbar7_onclick:function (profile, id, groupid, src) {
            if(id == "toolNewMail"){
                this.popmenu5.pop(profile.root);
                this.popmenu5.$target = profile;
            }
        }
    }
});