pagebar.js

Visual JS 在线JS编辑器 非常的COOL 在线生成网页和JS代码 自由显示。

Class('App.linb_UI_PageBar', 'linb.Com',{
    Instance:{
        //base Class for linb.Com
        base:["linb.UI"],
        //requried class for the App
        //"linb.Tips","linb.UI.Resizer","linb.UI.Border","linb.UI.Shadow"
        required:["linb.UI.PageBar","linb.UI.Pane"],
        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,"panel9")
                .setLeft(20)
                .setTop(20)
                .setWidth(460)
                .setHeight(330)
            );
            
            host.panel9.append((new linb.UI.PageBar)
                .host(host,"pagebar4")
                .setValue("1:300:300")
                .setLeft(24)
                .setTop(170)
                .setWidth(330)
                .setHeight(23)
                .setTabindex("5")
                .setCaption("To : ")
                .setTextTpl("[*]")
                .onClick("_pagebar1_onclick")
            );
            
            host.panel9.append((new linb.UI.PageBar)
                .host(host,"pagebar3")
                .setValue("1:6:20")
                .setLeft(24)
                .setTop(90)
                .setWidth(330)
                .setHeight(23)
                .setTabindex("5")
                .setTextTpl("p *")
                .onClick("_pagebar1_onclick")
            );
            
            host.panel9.append((new linb.UI.PageBar)
                .host(host,"pagebar1")
                .setValue("1:3:32383")
                .setLeft(24)
                .setTop(15)
                .setWidth(330)
                .setHeight(23)
                .setTabindex("5")
                .onClick("_pagebar1_onclick")
            );
            
            host.panel9.append((new linb.UI.PageBar)
                .host(host,"pagebar5")
                .setValue("1:300:600")
                .setLeft(24)
                .setTop(250)
                .setWidth(330)
                .setHeight(23)
                .setTabindex("5")
                .setPrevMark("previous")
                .setNextMark("next")
                .onClick("_pagebar1_onclick")
            );
            
            return children;
            // ]]code created by jsLinb UI Builder
        },
        _pagebar1_onclick:function (profile, src) {
            var self = profile.boxing();
            var value = self.getValue();
            var a = value.split(':');
            a[1] = src.href.split('#')[1];

            self.setValue(a.join(':'));
        }
    }
});