从其他商店访问商店 - Sencha Touch

Question

我正在尝试创建一个商店并在内部访问另一个商店的数据以构建代理 url。

类似这样的：

Ext.define('MyApp.store.Post',{
extend:'Ext.data.Store', 
config: {
    model: 'MyApp.model.Post',
    proxy: {
        type: 'ajax',
        url: 'http://mywebsite.com/get?userid=' + Ext.getStore('UserData').getAt(0).data.userid,
        reader: {
            type: 'json'
        }
    }
}
});

所以，我基本上是在尝试从另一家商店获取用户 ID，以便能够构建正确的 url。 这不起作用，我明白了：

Uncaught TypeError: Object #<Object> has no method 'getStore' 

这样做的正确方法是什么？

编辑：好的，我输入了一个虚拟 URL 并尝试使用侦听器更改它，现在这是我的商店：

Ext.define('MyApp.store.Post',{   extend:'Ext.data.Store', 
config: {
      fields: [
                        'title', 'link', 'author', 'contentSnippet', 'content'
                    ],
    proxy: {
        type: 'jsonp',
        url: 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http://feeds.feedburner.com/SenchaBlog',
        reader: {
            type: 'json',
            rootProperty: 'responseData.feed.entries'
        }
    },
    listeners: [
        {
            beforeload: function(){
               console.log("store loaded");   //I DON'T SEE THIS IN CONSOLE
               return true;
            }    
        }
    ]
},

});

Answer 1

基本上你没有做错任何事，但原因是 sencha touch 使用异步加载，并且似乎 Ext.getStore() 在定义你的商店时没有实例化。

让我们试试这个方法：

首先，在您的商店配置中为beforeload 事件添加一个监听器：

Ext.define('MyApp.store.Post',{
extend:'Ext.data.Store', 
config: {
    model: 'MyApp.model.Post',
    proxy: {
        type: 'ajax',
        //url: you don't even need to set url config here, simply ignore it
        reader: {
            type: 'json'
        }
    }
},
listeners: [
    {
        fn: 'setUrl',
        event: 'beforeload'
    }
]
});

然后在同一个文件中声明这样的函数：

setUrl: function(){
    this.getProxy().setUrl(Ext.getStore('UserData').getAt(0).data.userid);
    return true;
}

这样，可以确保在加载之前为您的商店代理设置 url。并且基本上在那个时候，所有的核心方法都被实例化了。

更新：请在您的 Post 商店试试这个：

Ext.define('MyApp.store.Post',{
   extend:'Ext.data.Store', 
   config: {
       //autoLoad: true,
          fields: ['title', 'link', 'author', 'contentSnippet', 'content'],
        proxy: {
            type: 'jsonp',
            url: 'dummy url',
            reader: {
                type: 'json',
                rootProperty: 'responseData.feed.entries'
            }
        },
   },

    initialize: function(){
        console.log("loaded!");
        this.getProxy().setUrl('https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&q=http://feeds.feedburner.com/SenchaBlog');
        //return true;
    }    
});

在阅读了pull-to-refresh插件的源代码后，我看到Sencha Touch使用了Ext.data.Operation而不是Ext.data.Store.load()函数。因此，您必须将其放入 initialize 方法中。

Answer 2

使用Ext.data.StoreManager.lookup('UserData') 获取商店实例。

但在你的情况下，我会在你使用用户 ID 的地方使用它：

var postsStoreInstance = ...;
postsStoreInstancegetProxy()._extraParams.userid = userid;

它将查询参数添加到商店的代理 url

Answer 3

你这样做的方式是正确的。您的商店定义的代码是什么？

确保您的商店有storeId: 'UserData'。

查看这个工作示例：

Ext.define('User', {
   extend: 'Ext.data.Model',
   fields: [
       {name: 'id'}
   ]
});

Ext.create( 'Ext.data.Store', {
   model: 'User',
   storeId: 'UserData'
});

Ext.define('MyApp.store.Post',{
   extend:'Ext.data.Store', 
   config: {
       model: 'MyApp.model.Post',
       proxy: {
           type: 'ajax',
           url: 'http://mywebsite.com/get?userid=' + Ext.getStore('UserData'),
           reader: {
               type: 'json'
           }
       }
   }
});