extjs - 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);
  }

这是小提琴