Question

好的，我坚持认为ExtJs中的基本任务应该是什么。我正在编写一个简单的登录脚本，它将用户名和密码组合发送到RESTful Web服务，如果凭据正确，则会收到GUID。

我的问题是，我使用模型代理还是商店代理？

据我所知，Models表示单个记录，而Stores用于处理包含多个记录的数据集。如果这是正确的，那么看起来似乎是一个模型代理。

根据Sencha在http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.data.Model的文档，代码看起来像这样：

Ext.define('AuthenticationModel', {
    extend: 'Ext.data.Model',
    fields: ['username', 'password'],

    proxy: {
        type: 'rest',
        url : '/authentication'
    }
});

//get a reference to the authentication model class
var AuthenticationModel = Ext.ModelManager.getModel('AuthenticationModel');

到目前为止一切正常，直到下一步：

//Use the configured RestProxy to make a GET request
AuthenticationModel.load('???', {
    success: function(session) {
        console.log('Login successful');
    }
});

Model类的load（）方法是一个期望单个唯一标识符的静态调用。登录通常取决于两个因素，用户名和密码。

所以看起来存储代理是在ExtJS中验证某人的用户名和密码凭证组合的唯一方法。有人可以验证和解释吗？任何帮助理解这一点将不胜感激。

Answer 1

您只需知道以下内容：

如果您为此配置了一个，商店将使用它自己的代理实例，如果不是，他从模型中获取代理。

因此，您可以轻松使用两个代理配置来启用商店上的多CRUD操作和模型上的单CRUD操作。请注意，Model的静态加载方法需要模型id，因为它应该只通过一个Id加载模型（是的，不支持复合键）。您还必须在回调中获取模型实例（正如您所做的那样）。

返回您的用户名/密码问题

您可以使用自定义'loadSession'方法应用会话模型

loadSession: function(username,password, config) {
    config = Ext.apply({}, config);
    config = Ext.applyIf(config, {
        action: 'read',
        username: username,
        password: password
    });

    var operation  = new Ext.data.Operation(config),
        scope      = config.scope || this,
        callback;

    callback = function(operation) {
        var record = null,
            success = operation.wasSuccessful();

        if (success) {
            record = operation.getRecords()[0];
            // If the server didn't set the id, do it here
            if (!record.hasId()) {
                record.setId(username); // take care to apply the write ID here!!!
            }
            Ext.callback(config.success, scope, [record, operation]);
        } else {
            Ext.callback(config.failure, scope, [record, operation]);
        }
        Ext.callback(config.callback, scope, [record, operation, success]);
    };

    this.getProxy().read(operation, callback, this);
}

现在调用它而不是加载。

Answer 2

我在sencha App Architecture第2部分的文档中找到了它

使用代理模型：

这通常是一种很好的做法，因为它允许你加载和无需商店即可保存此模型的实例。还有，何时多个商店使用相同的模型，您不必重新定义您的代理每一个。

使用商店代理：

在Ext JS 4中，多个商店可以使用相同的数据模型，即使是商店将从不同的来源加载他们的数据。在我们的例子中， SearchResults和Stations将使用Station模型存储，都从不同的位置加载数据。一个回来搜索结果，另一个返回用户最喜欢的站点。至实现这一点，我们的一个商店将需要覆盖代理在模型上定义。

ExtJs模型代理与商店代理

2 个答案: