Javascript - ExtJs - Toolbar - 工具栏

Toolbar类是一种子控件，它不能独立存在，需要依附在其它组件上面。

//创建工具栏
var tbar = new Ext.Toolbar({
    width: 200,
    height: 30
});

工具栏创建完成后，类似下面这样：

现在你可以在这个空白的工具栏上add其它的子控件。

tbar.add("-");//为工具栏增加一条分割线

//创建按钮
var addRowBtn = new Ext.button.Button({
    text:"添加"
});
var delRowBtn = new Ext.button.Button({
    text: "删除"
});
//将两个按钮添加到工具栏上
tbar.add(addRowBtn);
tbar.add(delRowBtn);

var text = new Ext.Toolbar.TextItem({
                text: "非按钮"
 })

tbar.add(text);