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

我在一个网格中有一个模板列，我正在将一个迷你图呈现给它：当我对网格进行排序时，插件呈现的canvas元素将被销毁。有没有办法阻止在排序过程中更改行的内容？我正在使用ExtJS4.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({
名字：“小提琴”，
启动：函数（）{
Ext.create（“Ext.grid.Panel”{
存储：新的Ext.data.store({
数据：[
{
事情：“1”
},
{
事情：“1”
},
{
事情：“1”
},
{
事情：“1”
},
{
事情：“1”
}
],
字段：[
“东西”
]
}),
栏目：[
{
文字：“你好”，
xtype:'templatecolumn'，
tpl:Ext.create（'Ext.XTemplate'，“”），
弹性：1
},
{
正文：“其他”，
弹性：1，
数据索引：“东西”
}
],
renderTo:Ext.getBody（），
听众：{
boxready:function（）{
$（'#1'）。小苏打（[1,2,3,4,5,6,7,8,9,10]）
}
}
});
}
});

---

因此，我需要在每次排序时重新渲染火花线？网格行在排序时发生更改-因此，我想您必须这样做。

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

    }
});

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