在 Extjs 中删除 GridPanel 的 headertoolbar

Posted 2023-02-26

【中文标题】在 Extjs 中删除 GridPanel 的 headertoolbar

【英文标题】：Removing headertoolbar of GridPanel in Extjs

【发布时间】：2011-03-31 13:09:48

【问题描述】：

我在Extjs 中有一个GridPanel，我只想删除或隐藏它的标题工具栏。 （标题和搜索框所在的工具栏）。我只想将Gridpanels 第一个元素作为列标题。我该怎么做？

【参考方案1】：

Ext.grid.GridPanel 的 hideHeaders 属性可以解决问题。

var grid = new.Ext.grid.GridPanel(
    store: store,
    hideHeaders: true,
    width: 200,
    height: 100,

【讨论】：

这不是问题所在。

【参考方案2】：

您是否尝试将 header 配置选项设置为 false？见下例：

 var grid = new Ext.grid.GridPanel(
        store: store,
        cm: cm,
        header: false,
        renderTo: 'mygrid',
        width: 600,
        height: 300
    );

【参考方案3】：

如果您找不到合适的配置选项，之后调用 gridPanel.getTopToolbar().hide() 应该可以解决问题。