+ -
当前位置:首页 → 问答吧 → 请问Ext如何给已经创建好的Toolbar添加按钮

请问Ext如何给已经创建好的Toolbar添加按钮

时间:2010-10-13

来源:互联网

JScript code

Ext.onReady(function () {
    var tbar = new Ext.Toolbar({
        height: 50,
        items: [
            new Ext.Button({
                text: "button here",
                handler: function (btn) {
                    Ext.MessageBox.alert("it's a button here!");
                }
            })
        ]
    });

    tbar.addButton([{text: "save"},{text: "close"}]);    // 在这里可以添加上按钮

    var p = new Ext.Panel({
        tbar: tbar,
        renderTo: Ext.getBody()
    });

    // 如果在这里使用addButton就不行
});




请问如果我想在toolbar创建好之后通过tbar.addButton([{text: "save"},{text: "close"}]);动态添加按钮应该怎么实现?
希望各位路过的朋友帮忙,谢谢!

作者: dunerunner   发布时间: 2010-10-13

JScript code
Ext.onReady(function () {
    var tbar = new Ext.Toolbar({
        height: 50,
        items: [
            new Ext.Button({
                text: "button here",
                handler: function (btn) {
                    Ext.MessageBox.alert("it's a button here!");
                }
            })
        ]
    });

    tbar.addButton([{text: "save"},{text: "close"}]);    // 在这里可以添加上按钮

    var p = new Ext.Panel({
        tbar: tbar,
        renderTo: Ext.getBody()
    });

    // 如果在这里使用addButton就不行
    tbar.addButton([{text: "save2"},{text: "close2"}]); 
    tbar.doLayout();//重新渲染布局
});

作者: IBM_hoojo   发布时间: 2010-10-13