在toolbar里面加复选框

Question

我想在toolbar里面加几个复选框，但按下面的加法，加了以后只有复选框的框，而没有字？
打算让复选框横着放在toolbar里面
var tb = new Ext.Toolbar();
tb.render('tb');
tb.add(new Ext.form.Checkbox({
fieldLabel: '请选择',
boxlabel : '我是第一个',
name: 'one'

}),new Ext.form.Checkbox({
    fieldLabel: '',
    boxlabel : '我是第二个',
    name: 'two'

}));

[b]问题补充：[/b]
这样加上了也没有- -

{
layout: 'form',
items: [
new Ext.form.Checkbox({
fieldLabel: '',
boxlabel : '我是第一个',
name: 'one'

})]
}

Answer 1

这个原因是因为form里面的组件如果不是放在layout:'form'这个布局的panel或formapanel里面的话,label是显示不出来的.

所以你有2种方式解决:

1.直接在前面加一个label来显示
[code="java"]tb.add('请选择:')
tb.add(new Ext.form.Checkbox({
fieldLabel: '请选择',
boxlabel : '我是第一个',
name: 'one'

})[/code]

2.tb add进去的是一个layout:'form'这个布局的panel,里面再放checkbox