组合框中的extjs排序错误

时间:2012-05-24 14:22:29

标签: javascript extjs extjs4 sencha-architect

我遇到了组合框的数据排序问题。

数据源是JSON。数据以sql排序。结果集(在sql中)和JSON结果看起来很好:

{"rows":[{"id":"TOT","txt":" Alle diagnosen"},{"id":"612","txt":"(acute) bloeding distale tract. digestivus*"},{"id":"042","txt":"(auto)-intoxicatie"},{"id":"402","txt":"(benigne) peptisch ulcus*"},{"id":"10","txt":"(bij)niertumor"},{"id":"652","txt":"(chorio)retinitis.. etc etc

当我用firebug检查商店时,结果数据看起来很好(=与JSON结果的排序顺序相同):

enter image description here

然而,得到的组合框有不同的(错误的)排序(前2个是好的):

enter image description here

它不按显示值排序,也不按id值排序。没有任何分拣机添加到任何地方。

组合:

{
    xtype: 'combobox',
    id: 'ComboDiag',
    itemId: 'ComboDiag',
    width: 280,
    fieldStyle: '',
    name: 'ComboDiag',
    fieldLabel: 'Diagnose',
    labelWidth: 90,
    displayField: 'txt',
    queryMode: 'local',
    store: 'ComboDiagStore',
    typeAhead: true,
    valueField: 'id',
    listeners: {
        render: {
            fn: me.onComboDiagRender,
            scope: me
        }
    }
}

商店:

Ext.define('AppPitDash.store.ComboDiagStore', {
    extend: 'Ext.data.Store',
    alias: 'store.ComboDiagStore',
    requires: [
        'AppPitDash.model.ComboDiagModel'
    ],

    constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            autoLoad: true,
            storeId: 'ComboDiagStore',
            model: 'AppPitDash.model.ComboDiagModel',
            proxy: {
                type: 'ajax',
                url: './php/get-data-diagCombo.php',
                reader: {
                    type: 'json',
                    root: 'rows'
                }
            }
        }, cfg)]);
    }
});

型号:

Ext.define('AppPitDash.model.ComboDiagModel', {
    extend: 'Ext.data.Model',

    fields: [
        {
            name: 'id'
        },
        {
            name: 'txt'
        }
    ]
});

我第一次使用Sencha Architect 2.

这比一个showstopper更令人烦恼,但仍然会有所帮助。

2 个答案:

答案 0 :(得分:1)

尝试在商店定义中将remoteSort: true添加到callParent方法。

答案 1 :(得分:0)

尝试使用:

remoteGroup: true,
remoteSort: true, 
sortInfo: { field: 'order', direction: 'DESC' },