ExtJS：如何在另一个函数中调用一个函数？

Question

我知道有很多关于在另一个函数中调用一个函数的问题，但不幸的是，没有一个对我有用，或者我无法在我的项目中实现！

我有一个Window 类，里面有两个函数。第二个是通过combobox 获取带有 ID 的特定 URL 并返回它。我需要在第一个function 中使用这个生成的URL；

getSelectCountry: function(){
        var countryRecord   = Ext.ComponentQuery.query('[name=country]')[0].getSelectedRecord();
        var countryId       = countryRecord.get('id');
        var urlWithId       = MyApp.Globals.getUrl() + '/city/view/list/?countryid='+ countryId;

        // var store =  Ext.getStore('cityCombo');
        // store.load({
        //     url : MyApp.Globals.getUrl() + '/city/view/list/?countryid='+ countryId,
        // });

        return urlWithId;
    }

我需要在citycombo 中使用返回的urlWithId，在proxy 的url 内。它将根据以下国家/地区列出城市；

Ext.define('MyApp.view.weather.SettingsWindow', { 
...
getSettingsItems: function () {
        var me = this;

        var settingsItems = [
           {
                xtype: 'form',
                layout: {type: 'vbox', align: 'stretch', pack: 'start'},
                reference: 'settingsForm',
                items: [
{
                        xtype: 'citycombo',
                        itemId: 'cityName',
                        name: 'city',
                        afterLabelTextTpl: MyApp.Globals.required,
                        allowBlank: false,
                        flex: 1,
                        store: {
                            storeId: 'cityCombo',
                            proxy: {
                                type: 'ajax',
                                // I neeed returned URL with ID on here.
                                url: MyApp.Globals.getUrl() + '/city/view/list/', 
                                reader: {
                                    type: 'json',
                                    rootProperty: 'data'
                                }
                            },
                            pageSize: 0,
                            sorters: 'description',
                            autoLoad: true
                        }
                    },

我尝试过使用 store.load 或创建一个新变量并调用它，但我无法成功。

我会很高兴有任何想法。

---

更新

• 请查看屏幕截图：UI 和 code structure
• 我正在尝试获取由getSelectCountry 函数(1) 生成的完整URL，并使用这个新返回的URL (2)citycombo 上的城市查询/strong>。

Answer 1

我看到了两种可能性：

1. 扩展Alexander 的 解决方案。假设cityCombo 定义了设置url 或extraparams 的前加载回调，则在country 组合框上定义change 侦听器，并从那里调用cityCombo's load()。

见下文：

listeners: {
    change: function () {
        Ext.getStore('cityCombo')
            .load()
    }
}    

或者更好的是，从商店中删除 beforeload 并将那里的内容放在第一个 combobox 的 change 中

listeners: {
    change: function (combo, newValue) {
        var cityStore = Ext.getStore('cityCombo')
        cityStore.getProxy()
            .setUrl(getSelectedCountry());

        cityStore.load();
    }
}

注意：您可以进一步重构它，摆脱 getSelectedCountry() 并在侦听器传递的组合上完成所有操作

1. 在cityCombo 上使用过滤器而不是往返

编辑：修复了第一个代码块的显示，添加了缺少的 load() 调用。

Answer 2

如果都是关于那个微小的参数，那么您真正想要做的是在 store 的 beforeload 侦听器中填充 extraParams 属性。

listeners: {
    beforeload: function(store) {
        // Get countryRecord from somewhere...
        store.getProxy().setExtraParams("countryid", countryRecord.get('id'))
    }

如果服务器/路径名也不同，也可以setUrl()。

相关小提琴：https://fiddle.sencha.com/#view/editor&fiddle/2c8a

更新：

那么，你真正想做的事：

    xtype: 'combobox',
    queryMode: 'local',
    fieldLabel: 'Country',
    store: ...,
    listeners: {
        select: function(combo, countryRecord) {
            var cityStore = combo.nextSibling().getStore();
            cityStore.getProxy().setExtraParam('countryId', countryRecord.get('Id'));
            cityStore.load();
        }
    },
},{
    xtype: 'combobox',
    queryMode: 'local',
    fieldLabel: 'City',
    store: ...,