Question

extjs中给Toolbar的右边添加一个label

如图显示，这是一个Toolbar，最后的Welcome:admin我是用toolbar.addItem()方法添加到Toolbar上的，Welcome:admin是显示在一个label上，我现在想让这个label显示到Toolbar的最右边，我试了好几种方法，如region:"east",labelAlign: 'right',都没有成功，请问高手我该怎么实现？谢谢！
var tb = new Ext.Toolbar({
width: 2000
});
var welcome = new Ext.form.Label({
fieldLabel: "welcome",
width: 120,
layout: "fit",
region: "east",
text: 'Welcome:admin' });
tb.addItem('->');
tb.addItem(welcome);
这个标签前面的是动态生成的，我只把标签的代码加上

Answer 1

你的tb.additem是在什么时候运行的？
在grid的beforeRender里加才能显示，如果toolbar已经render过了，再additem就没用了。
用静态的比较方便：
var tbar = new Ext.Toolbar({
items:[
'->',
{text:'welcome:admin'}
]
})
另外把你声明的顺序换一下，先var welcome, 再var tb,有时顺序反了就不行

Answer 2

用Ext.Toolbar.Fill。可以简写为'->'
button之间加上'->'，如
{
xtype:'button',
icon:'images/icons/login.gif',
text:'登陆(<U>a</U>)',
handler:login
},'->',{
xtype:'button',
icon:'images/icons/logout.gif',
text:'注销(<U>z</U>)',
handler:logout
}
这样，登陆就靠左，注销就靠右

追问

这我也试过，使用它之后，Welcome：admin就看不到了，我是这样写的，toolbar.addItem('->');
再在后面使用addItem()方法添加label

追答

我用静态的能成功
是不是没有刷新？
把代码贴出来看看吧
------------------------------
回楼下，addItem以后是可以重新render的，调用toolbar的doLayout方法刷新