ExtJS的tbar布局

Posted on 2009-03-13 18:07 Robert Su 阅读(5721) 评论(0)  编辑  收藏 所属分类: ExtJS
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>

只有注册用户登录后才能发表评论。


网站导航:
 

posts - 103, comments - 104, trackbacks - 0, articles - 5

Copyright © Robert Su