将 JSON 文件加载到 JSON-Store 中不起作用

Question

您可以在下面看到我的登录功能，该功能实际上正在运行。但它不会将服务器提供的 json 文件加载到 JSON Store 中。

"console.log("Store before load",UserStore)" 和 "console.log("Store after load",UserStore)" 显示完全相同的消息，所以我猜 "UserStore.load(jsonRes)" 是根本不工作。我还尝试了“UserStore.loadData(jsonRes)”和“UserStore.loadRawData(jsonRes)”，它们都不起作用（错误：未捕获的 TypeError：Object[object Object] 没有方法 'loadDataRaw'）。 你能解释一下如何解决这个问题吗？非常感谢。

Ext.util.JSONP.request({

url: 'http://127.0.0.1:4712/talentcommunity/getuserinfo',

headers: { 
    'content-type': 'application/x-www-form-urlencoded ; charset=utf-8'
},

method: 'post',

params: {
    user:data1,
    pw:data2
},

callbackName: 'myCallback',

success: function (response) {

    var loginResponse = response;
    if (loginResponse.msg == "OK") {
        var UserStore = Ext.create('Ext.data.Store', {
            model: 'Sabine.model.user',
            data: response.user
        });
        me.signInSuccess();
    }
    else{
        loginView.showSignInFailedMessage('token null.');   
    } 

},

提供的 Json 文件如下所示：

{msg: "OK", user: Object}

“用户”本身看起来像这样：{"token":"ee80d56688fb7d3a8bcf5939fc9cbcf1","title":"","login":"bmuster","facebookId":"","firstName":"Bertha","lastName":"Muster","nationality":"GM","birthDay":"12/09/82","phone":"+4989111111","mobile":"+4918111111","street":"Musterstra\ufffde 11","city":"Musterstadt","zipCode":"66666","willingToTravel":"","pictureUrl":"","eMail":"bmuster@example.com","publicList":[]}

My Store 定义如下：

Ext.define('Sabine.store.MyJsonPStore', {
extend: 'Ext.data.Store',

requires: [
    'Sabine.model.user'
],

config: {
    autoLoad: true,
    autoSync: true,
    clearOnPageLoad: false,
    model: 'Sabine.model.user',
    storeId: 'myStore'
}
});

对应型号：

Ext.define('Sabine.model.user', {
extend: 'Ext.data.Model',

config: {
    fields: [
        {
            name: 'token',
            type: 'string'
        },
        {
            name: 'title'
        },
        {
            name: 'login'
        },
        {
            name: 'facebookId'
        },
        {
            name: 'firstName',
            type: 'string'
        },
        {
            name: 'lastName',
            type: 'string'
        },
        {
            name: 'nationality',
            type: 'string'
        },
        {
            name: 'birthDay',
            type: 'string'
        },
        {
            name: 'phone'
        },
        {
            name: 'mobile'
        },
        {
            name: 'street'
        },
        {
            name: 'city',
            type: 'string'
        },
        {
            name: 'zipCode',
            type: 'int'
        },
        {
            name: 'willingToTravel'
        },
        {
            name: 'pictureUrl'
        },
        {
            name: 'eMail'
        },
        {
            name: 'publicList'
        }
    ]
}
});

视图示例：

Ext.define('Sabine.view.MeinAccount', {
    extend: 'Ext.Container',
    alias: 'widget.accview',
    config: {
        maxHeight: 480,
        maxWidth: 320,
    items: [{
        xtype: 'tabpanel',
        height: 430,
        maxHeight: 480,
        items: [
            {
            xtype: 'list',
            title: 'Allgemein',
            iconCls: 'home',
            modal: false,
            deferEmptyText: false,
            itemTpl: [
                '<table border = "0">',
                '<tr>',
                ' <td>Firstname</td>',
                ' <td>{firstName}</td>',
                ' <td>Last<name/td>',
                ' <td>{lastName}</td>',
                '</tr>',
                '<tr>',
                ' <td>Nationality</td>',
                ' <td>{nationality}</td>',
                '</tr>',
                '</table>'
            ],
            store: 'Sabine.store.UserStore'
     },

Answer 1

关于您的问题的一些想法：

• 您有一个未在模型中声明的字段 publicList
• store.load 不接受模型的实例，相反 - 它使用来自服务器的数据加载您的本地存储
• store.loadData 或 store.loadRawData 是你要走的路，但是你提到的消息 (Uncaught TypeError: Object[object Object] has no method..) 表明你没有成功检索到 store 的实例。为此，您应该首先实例化商店，而不仅仅是声明它；为此使用Ext.create 方法
• 如果您的loginResponse.user 已经是JSON 格式，则不应使用Ext.JSON.encode

Answer 2

你应该试试

success: function (response) {

    var loginResponse = response.responseText;
    ....
}