Extjs如何在网格面板标题列中捕获鼠标事件

Question

是否有可能在面板标题列中捕获鼠标事件？ 我实现了“headerclick：function（header，column，e，t，eOpts）{......}”来触发一个动作，但我只想抓住鼠标按下事件并在标题点击上鼠标向上。有没有解决方案？

此致 特里

Answer 1

只需在所需的列中为headerclick事件添加一个侦听器：

columns: [{
    text: "Header Title",
    listeners: {
        headerclick: function(header, column, e, t,eOpts) {
            Ext.Msg.alert('Event', 'Header clicked!');
        }
    }
}]

或者，如果你想监听mouseup和mousedown，你可以为header元素添加监听器：

 columns: [{
     text: "Header Title",
     listeners: {
         mousedown: {
             element: 'el',
             fn: function() {
                 Ext.Msg.alert('Event', 'Down!');
             }
         },
         mouseup: {
             element: 'el',
             fn: function() {
                 Ext.Msg.alert('Event', 'Up!');
             }
         }
     }
 }]

点击我找到的小提琴，点击“姓名”标题：http://jsfiddle.net/015c9k7w/