Extjs 如何在Ext.js中为图标附加点击事件

我有一个带有标题的Ext.js容器，标题包含一个作为标题的文本和一个图标。用于刷新选项卡。如何获取该容器标题的图标单击事件？ 我使用了

图标：'@Url.Content（“~/Images/icon-supp.png”），

来获取文本旁边的图标。 这是我的密码：

“TabChange”也仅在选项卡更改时激活，而不是在单击图标时激活

更多信息：我有一个中心容器。我正在向其中添加一个Ext.tab.Panel，它具有

 items: [ 
            {
                                xtype: 'container',
                                title: 'FooText',
                                id: 'FooPanel',
                                icon: '@Url.Content("~/Images/icon-refresh.png")',
  tools: [{
                        type: 'help',
                        handler: function(){
                            //Doesnt hit on click of tab
                        }
                    }, {
                        itemId: 'refresh',
                        type: 'refresh',
                        hidden: true,
                        handler: function(){
                            //Doesnt hit on click of tab
                        }
                    }
                    }],
                                listeners: {
                                    activate: function () {
                                       //This just hits only once when that tab gets activated./
                                        alert('you clicked me');
                                    },
                                    click:function(){//Doesnt work},
                                        },
                                    handler:function(){//Doesnt work},

                                autoScroll: true,

                            },

---

现在我所需要的是一个韩德尔事件点击图像图标。有可能吗？

如果问题是单击图标刷新选项卡，您知道这些工具吗

tools:

Ext.panel.Tool数组配置要添加到标题工具区域的实例。这些工具作为标题容器的子组件存储。可以使用down和{query}以及其他组件方法访问它们。如果“可折叠”设置为true，则会自动创建切换工具

请注意，除了面板可折叠时提供的切换工具外，这些工具仅提供可视按钮。必须通过添加实现必要行为的处理程序来提供任何必需的功能

用法示例：

tools:[{
    type:'refresh',
    tooltip: 'Refresh form Data',
    // hidden:true,
    handler: function(event, toolEl, panelHeader) {
        // refresh logic
    }
},
{
    type:'help',
    tooltip: 'Get Help',
    callback: function(panel, tool, event) {
        // show help here
    }
}]

显然，使用这些已经有监听器的工具，您可以为它们设置css，并使工具像您想要的那样

更多信息请点击此处：

---

最后，我继续在标题上使用html图像按钮并处理onClick事件

title: 'fooTitle <input type="image" style="float: right;padding-left:10px; height: 15px;width:30px; " src="Images/icon-refresh.png" onclick="refreshFooTab()"></input>',

function refreshFooTab()
{...}

标题：'fooTitle'，
函数refreshFooTab（）
{...}

您确定这是ExtJS吗？或Ext.Net？是否可以添加更多代码？抱歉，是否正在尝试对视图执行刷新按钮？extjs的版本？是的，我使用的是extjs。Verision是4.1.1，是的，当单击该图标时，我正在尝试刷新该特定选项卡（中心容器中大约有8个选项卡）的内容。您是否尝试改用按钮？然后你有了“handler”。您可以添加iconCls或任何其他包含图像但不使用文本的类。它不起作用。。我没有看到任何类型的图标，即使我指定-type:'plus'（或其他什么），在ToolsOk中，我使用工具作为主面板。。。这不是我所期望的。。我的标签上有一个很大的图标。。我希望在每个选项卡中都有一个刷新图标。可能我只需要使用一个html输入标记并处理onClick事件..>