如何在 Store 的代理中设置 URL？

Question

我的代码有错误，但我不知道出了什么问题。 当点击 NestedList 的叶项时，我尝试在 Store 中设置新的 url。 这是我的商店：

Ext.define('Application.store.DetailStore', {
extend: 'Ext.data.Store',

config: {
    model: 'Application.model.DetailModel',
    autoLoad :true,
    sorters: 'title',
    grouper : function(record) {
        return record.get('title')[0];
        },

   proxy: {
    type: 'ajax',
    url : '/data/data1.php',
   reader: {
   type: 'json',
  rootProperty:'recipes'}
         } 
}

});

这是我在 NestedList 中的leafitemtap 监听器：

onLeafItemTap: function(nestedList, list, index, node, record, e) {
    filter = record.get('text');
    var detailCard = nestedList.getDetailCard();       
    Ext.getStore('Application.store.DetailStore').getProxy().setUrl('/data/data2.php');
    Ext.getStore('Application.store.DetailStore').load()
}

在此之后我无法点击叶子项目并且详细卡不显示。 有谁知道可能出了什么问题？

Answer 1

下面我使用getMain方法将detailCard推送到列表顶部，当点击叶子项目并加载商店时。我还假设您正在使用 getMain 作为参考在控制器中定义 Leafitemtap 逻辑。

您也可以使用 storeId 代替“Application.store.DetailStore”

        Ext.getStore('Application.store.DetailStore').setProxy({
        type: 'ajax',
        url: '/data/data2.php'
    }).load({
        callback: function(records, operations, success) {
            if (success = true) {
                this.getMain().push({
                    xtype: 'detailsCard',
                    data: record.getData()
                })
            } else {
                Ext.Msg.alert('Error', 'Something went wrong!', Ext.emptyFn);
            }
        },
        scope: this
    });