Javascript 如何使按钮在网格中不可见和可见？

我有以下

JavaScript

code。通过使用

ExtJS

我的网格中有

停靠按钮

，我想在网格为空时保持它不可见

var grid = Ext.create('Ext.grid.property.Grid', 
{
    // width: '100%',
    // height: '100%'
    dockedItems:
    [{
        xtype: 'toolbar',
        id: 'save_t',
        dock: 'bottom',
        ui: 'footer',
        items: ['->', 
        {
            text: 'Save',
            handler: function() 
            {
                // get values
                var gridvalues = this.up('propertygrid').getSource();

                alert(gridvalues.Version);
                // send AJAX request
                Ext.Ajax.request({
                    url: '../php/updateVars.php?v=' + JSON.stringify(gridvalues),
                    success: function(response) 
                    {
                        var obj = JSON.parse(response.responseText);
                        // alert(Object.prototype.toString.apply(obj));                     
                    },
                    failure: function(response) 
                    {
                        alert('server-side failure with status code ' + response.status);
                    }
                }); 
            }
        }]
    }]
});

如您所见，网格没有源。我想保留

Save

按钮的代码，但在设置源代码之前不显示：

grid.setSource（“数据”）

---

在其他一些函数中，我将获取

数据

并将其设置为

网格的源

，然后我想使按钮可见。谢谢对于初始配置，您应该将按钮定义为

隐藏

，并为其分配一个

项目ID

：

{
    text: 'Save',
    itemId: 'saveButton',
    hidden: true,
    handler: function() { ... }
}

然后，当您准备好显示它时，您可以使用：

grid.down('#saveButton').show();

---

如果我想先显示，然后隐藏以显示其他隐藏按钮，该怎么办？如果我理解正确，您应该能够使用上面的答案很容易地找到解决方案。添加另一个不带

hidden:true的按钮，给它一个唯一的ID，然后使用
grid.down（“#otherButton”）.hide（）
。