Question

Extjs4.0 Ext.toolbar.Toolbar 中怎么动态创建按钮?

如今有这一需求，根据浏览器类型，Toolbar 动态构建按钮，如果是IE浏览器，Toolbar则构建打印设置，打印预览，立即打印三个按钮，如果是其他浏览器，则只构建立即打印一个按钮，请问要怎么做呢?

var tbar = Ext.create('Ext.toolbar.Toolbar', {
region : 'north',
height : 32,
items: [
'当前登录用户：' + appSrc.substring(appSrc.indexOf('?') + 1), // 去掉之前参数的?
'->', // 等同 { xtype: 'tbfill' }

// 添加工具栏项之间的垂直分隔条
'-', // 等同 {xtype: 'tbseparator'} 创建 Ext.toolbar.Separator
{ xtype : 'button'
, text : '立即打印'
, handler : function() {.......

部分代码，怎么加判断，求助？

Answer 1

我一般不做动态添加，因为以后有新布局了就得修改代码，麻烦。所以你可以把4个按钮都建立，只是hiden属性要写上
Ext.create('Ext.toolbar.Toolbar', {
renderTo: document.body,
width : 500,
items:[
{text:'打印设置',hidden:Ext.isIE},
{text:'立即打印',hidden:Ext.isIE},
{text:'打印预览',hidden:Ext.isIE},
{text:'打印',hidden:Ext.isIE},
]
});

Answer 2

我一般不做动态添加，因为以后有新布局了就得修改代码，麻烦。所以你可以把4个按钮都建立，只是hiden属性要写上
Ext.create('Ext.toolbar.Toolbar', {
renderTo: document.body,
width : 500,
items:[
{text:'打印设置',hidden:Ext.isIE},
{text:'立即打印',hidden:Ext.isIE},
{text:'打印预览',hidden:Ext.isIE},
{text:'打印',hidden:Ext.isIE},
]
});