Sencha Touch:使用Rest Proxy加载列表的存储 [英] Sencha Touch: load store for List using Rest Proxy

问题描述

我是sencha的新手，所以我确定我只是在这里缺少一些简单的东西.我有休息服务，需要能够为列表视图加载商店.

I'm new to sencha so I'm sure I'm just missing something simple here. I have a rest service and I need to be able to load my store for my list view.

这是我的代理模型:

Ext.define('UserModel', {
extend: 'Ext.data.Model',

config: {
    fields: [
        { name: 'UserId', type: 'int' },
        { name: 'FullName', type: 'string' }
    ],

    proxy: {
        type: 'rest',
        url: '/rest/user',
        reader: {
            type: 'json',
            root: 'user'
        }
    }
}
});

并且此代码对GET请求有效.因此，我知道我可以与我的休息服务进行交谈.

And this code works fine for a GET request. So I know that I'm able to talk with my rest service.

    var User = Ext.ModelMgr.getModel('UserModel');

    User.load(10058, {
        success: function (user) {
            console.log("Loaded user: " + user.get('UserId') + ", FullName: " + user.get('FullName'));
        }
    });

我的问题是，在将代理代码添加到商店时，无法将数据加载到列表视图中.如何将参数传递给rest服务并加载商店?

My problem is that I'm unable to load data into my list view when adding the proxy code to the store. How do I pass in a parameter to the rest service and load the store?

Ext.define('UserStore', {
extend: 'Ext.data.Store',

config: {
    model: 'UserModel',
    proxy: {
        type: 'rest',
        url: '/rest/user',
        reader: {
            type: 'json',
            root: 'user'
        },
        autoLoad: true
    },
    sorters: 'FullName',
    grouper: function(record) {
        return record.get('FullName')[0];       
    }
}

});

这是我的列表视图:

Ext.define('UserView', {
extend: 'Ext.List',
xtype: 'userView',

config: {
    scrollable: 'vertical',
    loadingText: "Loading your social connections . . .",
    indexBar: true,
    singleSelect: true,
    grouped: true,
    cls: 'customGroupListHeader',
    itemTpl: '{FullName}',
    store: 'UserStore',
    onItemDisclosure: true
}
});

推荐答案

哈哈！我知道这很简单.商店的代理服务器中的"autoLoad:true"需要在代理服务器的括号之外.

Haha! I knew it was something simple. The "autoLoad: true" in the store's proxy needs to be outside of the proxy's brackets.

Ext.define('UserStore', {
extend: 'Ext.data.Store',

   config: {
      model: 'UserModel',
      autoLoad: true,

这篇关于Sencha Touch:使用Rest Proxy加载列表的存储的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！