Extjs 4.1 Grid - 如何通过单击更改相互图标标题

Question

我在 http://jsfiddle.net/Xhp8N/

中有一个网格

我想当我点击第一个标题然后图标标题将改变相互之间的关系 image a和image b

这是我的代码

{ text: '<img src = "http://pic.dhe.ibm.com/infocenter/tivihelp/v15r1/topic/com.ibm.itm.doc_6.2.1/images/icon_checkbox.gif"/>',  dataIndex: 'name' 
,listeners: {
    headerclick: function(ct, header, e, t) {
           header.setText('<img src="http://gentlerainmarketing.com/images/icon_checkbox.gif"/>');
           }
        }
}

但我的代码只更改一次，如何做到这一点，谢谢

Answer 1

尝试这个简单的技巧：

  var img1 = '<img src="http://gentlerainmarketing.com/images/icon_checkbox.gif"/>';
  var img2 = '<img src = "http://pic.dhe.ibm.com/infocenter/tivihelp/v15r1/topic/com.ibm.itm.doc_6.2.1/images/icon_checkbox.gif"/>';
  if(header.text == img2){
      header.setText(img1);
  }
  else{
      header.setText(img2);
  }

以下是fiddle