Сортировка в столбце ExtJS удаляет узел из столбца шаблона

Question

У меня есть столбец шаблона в сетке, который я отрисовываю график сглаживания: http://omnipotent.net/jquery.sparkline, и когда я сортирую сетку, элемент холста, который визуализируется плагином, уничтожается. Есть ли способ остановить изменение содержимого строки во время сортировки? Я использую 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 
      } 
     }