Question

我有各种各样的问题学习ExtJS（我是一个flex Dev）。目前，我不确定如何从命令加载商店。我有一个命令，我在那里进行服务调用并获取数据。然后我想用这些数据加载模型（从命令内部）。

我的代码......

PhoneCallsLoadCommand.js :( COMMAND）

Ext.define('DG.controller.PhoneCallsLoadCommand', {
    extend: 'Ext.app.Controller',
    stores: ['PhoneCalls'],
    models: ['PhoneCall'],

    views: [
        'PhoneCallListView'
    ],

    init: function () {
        var url2 = "https://MyServiceURLWSDL";
        var pl = new SOAPClientParameters();
        pl.add("arg0", false);

        SOAPClient.invoke(url2, "gePaymentsMethod", pl, true, getDataCallback);

        function getDataCallback(response) {
        // This is where I want to load the response data into the Model
            var store = Ext.getStore('phoneCallsStore');
            store.loadData(response);
        }
    }
});

以下是服务调用返回的响应XML数据：

<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/">
   <soapenv:Body>
      <dlwmin:getPaymentsMethod xmlns:dlwmin="http://blahblah.com/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
         <return>
            <contents>
               <eftAcctNo>501014635986</eftAcctNo>
               <empSsn>122400724</eftAcctRoutNo>
            </contents>
            <contents>
               <eftAcctNo></eftAcctNo>
               <empSsn></eftAcctRoutNo>
            </contents>
            <contents>
               <eftAcctNo></eftAcctNo>
               <empSsn></eftAcctRoutNo>
            </contents>
            <status>0</status>
         </return>
      </dlwmin:getPaymentsMethod>
   </soapenv:Body>
</soapenv:Envelope>

我需要将此响应数据填充到我的模型中，以便我可以在我的网格中使用它。

PhoneCall.js :( MODEL）

Ext.define('DG.model.PhoneCall', {
    extend: 'Ext.data.Model',
    config: {
        idProperty: 'phoneCallModel',
        fields: [
            {name: "eftAcctNo", type: "string"},
            {name: "empSsn", type: "string"}
        ]
    }
});

PhoneCalls.js（STORE）

Ext.define('DG.store.PhoneCalls', {
    extend: 'Ext.data.Store',
    config: {
        storeId: 'phoneCallsStore',
        model: 'DG.model.PhoneCall',
        autoLoad: false
    },
    proxy: {
        type: 'memory',
        reader: {
            type: 'xml',
            record: 'contents',
            //rootProperty: 'return'
        }
    },
    listeners: {
        'load' : function() {
            console.log("Making Service Call...");
        }
    }
});

在命令中，当我这样做时：

var store = Ext.getStore('phoneCallsStore');
            store.loadData(response);

我收到以下错误：未捕获的TypeError：无法调用未定义的方法'loadData'

有人可以告诉我如何将响应数据加载到模型中吗？我的视图是指向模型的网格。

PhoneCallListView.js（VIEW）

Ext.define('DG.view.PhoneCallListView' ,{
    extend: 'Ext.grid.Panel',
    alias: 'widget.phoneCallListView',
    title: 'Phone Calls DataGrid',

    // we no longer define the Phone Calls store in the 'initComponent' method
    store: 'PhoneCalls',

    initComponent: function() {
        this.columns = [
            {header: 'Eft Acct No', dataIndex: 'eftAcctNo', flex:1},
            {header: 'Emp Ssn', dataIndex: 'empSsn', flex:1},
        ];

        this.callParent(arguments);
    }
});

仅供参考 - 我无法让商店使用ajax代理进行服务调用，因此我发现使用soapclient.js很容易。感谢

Answer 1

行：Uncaught TypeError: Cannot call method 'loadData' of undefined告诉我您的商店未定义。由于您的商店名为DG.store.PhoneCalls，因此您应该使用Ext.getStore('PhoneCalls')，确保您已在控制器中使用stores: ['PhoneCalls']配置。

虽然您可能在使用Ajax代理时遇到了麻烦，但您确实应该尝试找到一种方法来使其工作。您尝试在此处加载商店的方式非常糟糕。也许你应该使用XmlStore：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.data.XmlStore

Answer 2

最终为我工作的是：

    function getDataCallback(req, r) {
        var store = Ext.getStore('PhoneCalls');
        store.loadRawData(r);
        store.sync();
    }

ExtJS 4.2 - 从命令加载存储时出错 - 从服务返回的数据 - MVC设置

2 个答案: