将帮助按钮添加到 Extjs 网格面板标题

Posted 2023-02-26

【中文标题】将帮助按钮添加到 Extjs 网格面板标题

【英文标题】：Add help button to Extjs gridpanel header

【发布时间】：2011-09-14 08:45:20

【问题描述】：

我想在我的网格面板标题的右侧添加一个按钮，但无论如何都找不到这样做。

我不想添加工具栏，因为我只想添加 1 个按钮。

【参考方案1】：

查看面板的 tools 配置。只需将其添加到网格的配置中：

Ext.create('Ext.grid.Panel', 
    // ...
    tools:[
    
        type:'help',
        tooltip: 'Get Help',
        handler: function(event, toolEl, panel)
            // show help here
        
    ],
    // ...
);

Here is demo.

【讨论】：

ExtJS 3.4.0 可以实现类似的行为吗？

@Jay，是的。请参阅文档docs.sencha.com/extjs/3.4.0/#!/api/Ext.Panel-cfg-tools

@MolecularMan 当然。实际上我确实注意到了，但是当我在玩你的 jsfiddle 时，帮助工具没有出现，这给我的印象是它不适用于 3.4.0。再挖一点，发现 3.4.0 有 qtip 而不是 tooltip，而且 jsfiddle 与 3.4.0 有一些问题，这些工具图标不显示。如果我在 chrome/firefox 中将相同的脚本作为独立的 html/js 文件运行，它就可以工作。无论如何感谢您的回复以及原始解决方案。