Listview Sencha touch 2：更新存储中的数据时自动触发排序/分组

我有一个模型如下：

Ext.define('MyProject.model.Contact', {
extend: 'Ext.data.Model',
config: {
    fields: [
        {
            name: 'ID'
        },
        {
            name: 'Image'
        },
        {
            name: 'Name'
        },
        {
            name: 'IsSelected'
        }
    ]
}

}))

我有一家商店使用此型号。此商店具有如下分组功能：

        groupFn: function(item) {
            if (item.get('Name')) {
                return item.get('Name')[0].toUpperCase();
            } else {
                return ' ';
            }
        }

<img src="{Image}" height="45" width="45">
<span style="">{Name}</span>
<span style="float:right; padding-right: 40px;">
   <input type="checkbox" <tpl if="IsSelected === true">checked="checked"</tpl>/>
</span>

onListItemTap: function(dataview, index, target, record, e, eOpts) {
    var isSelected = record.getData().IsSelected;
    if (isSelected === true) {
        record.set("IsSelected", false);
    } else {
        record.set("IsSelected", true);
    }
}

我在listview中显示此存储，listview的模板如下：

        groupFn: function(item) {
            if (item.get('Name')) {
                return item.get('Name')[0].toUpperCase();
            } else {
                return ' ';
            }
        }

<img src="{Image}" height="45" width="45">
<span style="">{Name}</span>
<span style="float:right; padding-right: 40px;">
   <input type="checkbox" <tpl if="IsSelected === true">checked="checked"</tpl>/>
</span>

onListItemTap: function(dataview, index, target, record, e, eOpts) {
    var isSelected = record.getData().IsSelected;
    if (isSelected === true) {
        record.set("IsSelected", false);
    } else {
        record.set("IsSelected", true);
    }
}

触发事件后，列表将自动更新。请参阅下图：

选中的所有项目都将移动到组的末尾。

---

有人知道吗？请告诉我为什么以及如何解决此问题。谢谢。

将分拣机添加到您的店铺：

    sorters : [{
        property : 'Name', 
        direction : 'Asc'
    }]

这是一本书

抱歉…这些小提琴链接永远不会正常工作-这里有一个工作的例子

如果这不起作用，请告诉我，我可以为您获取我下载的代码

---

祝你好运，布拉德

你能手动跑步吗？非常感谢你，布拉德。小提琴在用，但我的不行。你能把你下载的代码发给我吗？等你：）