Combjob Extjs 6 「queryMode:« local »」 данные не отображаются - PullRequest
Новая
       50

Combjob Extjs 6 「queryMode:« local »」 данные не отображаются

0 голосов
/ 21 мая 2018

Итак, у меня есть комбинированный список, который загружается динамически для определенного представления.Всякий раз, когда я помещаю queryMode в удаленный режим, он будет загружать данные, если я нажму на поле со списком, но если задано значение local, оно не будет показывать никаких данных.Мой магазин вернет запрошенные данные правильно, просто они не будут отображаться в выпадающем списке.

Я что-то здесь упустил?Надеюсь, что кто-то может мне помочь.

Это мой контроллер для просмотра с помощью комбинированного списка: 

Ext.define('Stm.controller.HpUpdate', {
    extend: 'Ext.app.Controller',

    requires: [
        'Stm.view.contents.hpupd.Detail'
    ],

    stores: [
        'SiteDomain'
    ],

    fromDetail: false,
    isAbort: false,
    isDataSeted: false,
    firstSorters: undefined,
    recordId: undefined,
    isUpdate: false,

    init: function() {
        this.callParent(arguments);
        console.log(Ext.getDisplayName(arguments.callee));

        this.control({
            'hup-list': {
                afterRender: this.setupStmList
            }
        });

        this.addRef([{
                ref: 'list',
                selector: 'hup-list'
            },
            {
                ref: 'detail',
                selector: 'hup-detail'
            },
        ]);
    },

    setupStmList: function() {
        console.log(Ext.getDisplayName(arguments.callee));

        var me = this;
        var store = me.getSiteDomainStore();
        var record = Cps.Util.baseRecord();

        store.load({
            params: param,
            callback: function(records, operation, success) {
                var response = operation.response;
                if (!response || response.length === 0) {
                    return;
                }

                var responseText = response.responseText;
                if (!responseText || responseText.length === 0) {
                    return;
                }
                var res = Ext.decode(responseText);

                if (res.common.st === 'mainte' || res.common.st === 'abort') {
                    return;
                }

                if (res.common.st === 'ng') {
                    Cps.Util.alert(res.common.msg);
                    return;
                }
                if (records.length === 0) {
                    return;
                }

                me.getList().down('#dtAplDateTimeFrom').down('#dateField').focus();
            }
        });

        me.firstSorters = this.getHpUpdateStore().getSorters();
    },
});

Это мой взгляд: 

 Ext.define('Stm.view.contents.hpupd.List', {
     extend: 'Ext.container.Container',
     alias: 'widget.hup-list',
     layout: {
         type: 'vbox',
         align: 'stretch'
     },

     items: [{
         xtype: 'cps-combobox',
         fieldLabel: 'Domain',
         itemId: 'cmbSiteDomain',
         queryMode: 'local',
         store: {
             type: 'sitedomain'
         },
         width: 350,
         displayField: 'siteDomain',
         valueField: 'siteId',
     }],
 });

Магазин: 

Ext.define('Stm.store.SiteDomain', {
extend: 'Extends.data.Store',
alias: 'store.sitedomain',
requires: [
    'Cps.Setting',
    'Stm.model.SiteInfo'
],

model: 'Stm.model.SiteInfo',

pageSize: Stm.Const.controller.dataCountLimit,
proxy: {
    type: 'ajax',
    url: Cps.Setting.getEntryUrl() + '/stm/st-update/site-domain',
    reader: {
        type: 'json',
        rootProperty: 'data'
    },
    actionMethods: {
        create: 'POST',
        read: 'POST',
        update: 'POST',
        destroy: 'POST'
    }
}
});

1 Ответ

0 голосов
/ 21 мая 2018

Когда вы устанавливаете queryMode на local, это означает, что данные не будут загружены из удаленного источника, и данные должны быть определены, например, Ext.data.ArrayStore

{
    xtype: 'combobox'
    queryMode: 'local',    
    valueField: 'id',
    displayField: 'name',
    store: new Ext.data.ArrayStore({
        fields: ['id', 'name'],
        data: [[1, 'item1'], [2, 'item2']] 
    })
}

Если вы хотите, чтобы данныебыть загруженным из удаленного источника только один раз и комбинировать данные запроса локально, вы должны добавить элементы магазина вручную

Определите ваш combo как: 

{
    xtype: 'combobox'
    itemId: 'myCombo'
    queryMode: 'local',    
    valueField: 'id',
    displayField: 'name',
    store: new Ext.data.ArrayStore({
        fields: ['id', 'name'],
        data: [] 
    })
}

А затем добавьте элементы в combo как: 

Ext.Ajax.request({
    url : 'Remote_Source',
    success: function(response, opts) {
         var json = Ext.decode(response.responseText),
             store = me.down("#myCombo").getStore();

         Ext.each(json.items, function(item){
            store.add(item);
         });
     }
});

Примечание. Это пример кода, который необходимо добавить в реализацию

...