ExtJS的tbar布局

tbar: [
            blockedtype,'-',{text:'封堵验证',handler:do_checkBlockedVideok,iconCls:'block'}
            ,'-',
            {text:'刷新',iconCls:'refresh'
            },'-',new Ext.Toolbar.Fill(),'-',
            {text:'编辑',iconCls:'add'
            },'-',
            {text:'导出Excel','-','已封堵数量:[0] 未封堵数量:[0] 总数量:[0]'
            ]

这里注意下 Ext.Toolbar.Fill()
充满组件把'导出Excel'顶到最右边

CSS:
<style type="text/css">
.add {
            background-image:url(../icons/add.gif) !important;
        }
        .delete {
            background-image:url(../icons/delete.gif) !important;
        }
        .save {
            background-image:url(../icons/save.gif) !important;
        }
        .block {
            background-image:url(../icons/block.gif) !important;
        }
        .refresh {
            background-image:url(../icons/refresh.gif) !important;
        }
        .in {
            background-image:url(../icons/in.gif) !important;
        }
        .out {
            background-image:url(../icons/out.gif) !important;
        }
</style>

你可能感兴趣的:(ExtJS的tbar布局)