popmenu.js

axjx工具代码给大家交流

Class('App.linb_UI_PopMenu', 'linb.Com',{
    Instance:{
        //base Class for linb.Com
        base:["linb.UI", "linb.Coder"], 
        //requried class for the App
        required:["linb.UI.Button", "linb.UI.PopMenu", "linb.UI.Block"], 

        iniComponents:function(){
            // [[code created by jsLinb UI Builder
            var host=this, children=[], append=function(child){children.push(child.get(0))};
            
            append((new linb.UI.PopMenu)
                .host(host,"popmenu1")
                .setItems([{"id":"itema", "caption":"itema", "tips":"item a"}, {"type":"split"}, {"id":"itemb", "type":"checkbox", value:true,"caption":"itemb", "tips":"item b"}, {"id":"itemc", "caption":"itemc", "type":"checkbox", "tips":"item c"}, {"id":"itemd", "caption":"itemd", "tips":"item d"}])
                .setShadow(false)
                .onMenuSelected("_popmenu1_onmenuselected")
            );
            
            append((new linb.UI.PopMenu)
                .host(host,"popmenu2")
                .setItems([{"id":"itema", "caption":"itema", "tips":"item a"}, {"id":"itemb", "caption":"itemb", "tips":"item b", "sub":[{"id":"itema1", "caption":"itema", "tips":"item a"}, {"id":"itemb1", "caption":"itemb", "tips":"item b", "sub":[{"id":"itemc11", "caption":"itemc", "tips":"item c"}, {"id":"itemd11", "caption":"itemd", "tips":"item d"}]}, {"id":"itemc1", "caption":"itemc", "tips":"item c"}, {"id":"itemd1", "caption":"itemd", "tips":"item d", "sub":[{"id":"itemc11", "caption":"itemc", "tips":"item c"}, {"id":"itemd11", "caption":"itemd", "tips":"item d"}]}]}, {"id":"itemc", "caption":"itemc", "tips":"item c"}, {"id":"itemd", "caption":"itemd", "tips":"item d"}, {"id":"iteme", "caption":"iteme"}, {"id":"itemf", "caption":"itemf"}, {"id":"itemg", "caption":"itemg"}, {"id":"itemh", "caption":"itemh"}, {"id":"itemi", "caption":"itemi"}, {"id":"itemj", "caption":"itemj"}, {"id":"itemk", "caption":"itemk"}, {"id":"iteml", "caption":"iteml"}, {"id":"itemm", "caption":"itemm"}, {"id":"itemn", "caption":"itemn"}, {"id":"itemo", "caption":"itemo"}, {"id":"itemp", "caption":"itemp"}])
                .onMenuSelected("_popmenu2_onmenuselected")
            );
            
            append((new linb.UI.Button)
                .host(host,"button2")
                .setLeft(212)
                .setTop(30)
                .setCaption("button1")
                .onClick("_button2_onclick")
            );
            
            append((new linb.UI.Button)
                .host(host,"button1")
                .setLeft(60)
                .setTop(30)
                .setCaption("button1")
                .onClick("_button1_onclick")
            );
            
            append((new linb.UI.Button)
                .host(host,"button3")
                .setLeft(440)
                .setTop(30)
                .setCaption("button3")
                .onClick("_button3_onclick")
            );
            
            return children;
            // ]]code created by jsLinb UI Builder
        }, 
        _button1_onclick:function (profile, e, value) {
            this.popmenu1.pop(profile.root);
            this.popmenu1.$target = profile;
        }, 
        _popmenu1_onmenuselected:function (profile,  item, src) {
            this.popmenu1.$target.boxing().setCaption(item.id);
            linb.message(item.id+' clicked');
        }, 
        _button2_onclick:function (profile, e, value) {
            this.popmenu1.pop(profile.root,2);
            this.popmenu1.$target = profile;
        }, 
        _button3_onclick:function (profile, e, value) {
            this.popmenu2.pop(profile.root,3);
            this.popmenu2.$target = profile;
        }, 
        _popmenu2_onmenuselected:function (profile,  item, src) {
            this.popmenu2.$target.boxing().setCaption(item.id);
            linb.message(item.id+' clicked');
        }
    }
});