在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 
      } 
     }