在ExtJS列中排序从模板列中删除节点

Question

我在网格中有一个模板列，我将一个迷你图形绘制到：http://omnipotent.net/jquery.sparkline，并且当我对网格进行排序时，由插件呈现的canvas元素被销毁。有没有办法阻止排序过程中被更改的行的内容？我使用ExtJS的4.2.3

库：

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
<script src="//omnipotent.net/jquery.sparkline/2.1.2/jquery.sparkline.min.js"></script> 

代码：

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 
     Ext.create("Ext.grid.Panel", { 
      store: new Ext.data.Store({ 
       data: [ 
        { 
         thing: '1' 
        }, 
        { 
         thing: '1' 
        }, 
        { 
         thing: '1' 
        }, 
        { 
         thing: '1' 
        }, 
        { 
         thing: '1' 
        } 
       ], 
       fields: [ 
        "thing" 
       ] 
      }), 
      columns: [ 
       { 
        text: 'Hello', 
        xtype: 'templatecolumn', 
        tpl: Ext.create('Ext.XTemplate', "<div id='1'></div>"), 
        flex: 1 
       }, 
       { 
        text: 'Other', 
        flex: 1, 
        dataIndex: 'thing' 
       } 
      ], 
      renderTo: Ext.getBody(), 
      listeners: { 
       boxready: function() { 
        $('#1').sparkline([1,2,3,4,5,6,7,8,9,10]) 
       } 
      } 
     }); 

    } 
}); 

Answer 1

sortchange

listeners: { 
      boxready: function() { 
       $('#1').sparkline([1,2,3,4,5,6,7,8,9,10]) 
      }, 
      sortChange: function() { 
       // your logic here 
      } 
     }