煎茶触摸2：排序/自动分组火在商店时更新数据 [英] Sencha touch 2: Sorting / Grouping automatically fire when update data in store

问题描述

我有一个模型如下：

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

}）;

我有一个商店使用此model.This店里有如下的一组功能：

I have a store use this model.This store has a group function as below:

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

我给这家店在ListView，列表视图下面的模板：

I show this store in a listview, the template of listview as below:

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

显示在列表中，如下图：

The list show as image below:

当用户点击列表中的一个项目，我作为更新下面的IsSelected字段：

When user clicks on an item of list, I update the "IsSelected" field as below:

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

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

After event fired, the list is automatically update. Please see below image:

检查所有项目移动到一组的结尾。
有没有人知道呢？请告诉我为什么，以及如何解决这个问题。谢谢你。

All item checked is moved to the end of a group. Are there anyone know it? Please tell me why and how to fix this problem. Thanks.

推荐答案

分拣机添加到您的商店：

Add a sorter to your store:

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

下面是工作拨弄。

对不起......那些摆弄链接行不通右这里有一个工作示例工作示例。

Sorry...those fiddle links never work right- here's a working example working example.

让我知道，如果不工作，我可以让你的code我下载了。

Let me know if that doesn't work and I can get you the code I downloaded.

祝你好运，布拉德

这篇关于煎茶触摸2：排序/自动分组火在商店时更新数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！