sencha底部图标平均分配

最新推荐文章于 2021-02-24 08:57:35 发布

转载最新推荐文章于 2021-02-24 08:57:35 发布 · 201 阅读

本文介绍了一种通过脚本方式实现Tab面板底部图标宽度平均分配的方法，并针对特定位置的Tab进行了样式微调。

//使tab底部图标宽度平均分配
initialize:function(){
    var tabPanelItems = this.getMainfield().getItems();
    var w = 1.0/(tabPanelItems.length-1),
        cc = w*100+'%';//转为百分比
    for (var i = 0; i < tabPanelItems.length; i++) {
        if (tabPanelItems.items[i].tab) {
            tabPanelItems.items[i].tab.setWidth(cc);
            // tabPanelItems.items[i].tab.setStyle('border:1px dotted red;');
            tabPanelItems.items[i].tab.setStyle('margin:0.3rem 0');
            /* if(i==tabPanelItems.length-1){
             //解决最后一个按钮太靠右的问题,不清楚为什么会有这个问题
             //tabPanelItems.items[i].tab.setPadding('0px 25px 0px 0px');
             }*/
        }
    }
    tabPanelItems.items[3].tab.setPadding('0px 0px 30px 0px');//让中间的按键往上去
},