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"/>');
           }
        }
}

しかし、私のコードは一度しか変更されません。