EXTJS4 学习日志2

1.STORE和MODEL的封装

例外处理，READER的一些通用熟悉要进行封装。EXTJS3的时候这些东西都写到BASESTORE中即可，现在需要写到STORE和MODEL中。

安计划是将proxy封装到BASEMODEL中，结果发现BASEMODEL使用constructor方法无法解决继承的问题。即：由于STORE中引用MODEL不是用CREATE的方法，而是直接指定类，所以创建的时候，BASEMODEL并不执行constructor中的方法。所以PROXY的定义只能房到basestore中。

-------------

2.关于例外的处理。

在store, model中在与服务器出现错误后，有会有提示，但是不能得到详细信息。

store的load事件增加了successful参数，可以知道调用是否成功，但是如果失败，没办法得到失败信息。

文档中load事件的参数如下：

load( Ext.data.store this, Array records, Boolean successful, Ext.data.Operation operation, Object options )，但是查看其代码发现：

在store的onProxyLoad方法中代码如下：

me.fireEvent('load', me, records, successful);

 

也就是说，load事件并无法得到operation和options 的参数。

即使得到operation,operation也只能通过getError( )这个方法获得错误信息，这个信息不够详细，只有status和code.

所以要想得到详细的服务器错误信息，只能到proxy中。

ajax的proxy的事件exception有如下参数：

exception( Ext.data.proxy.Proxy this, Object response, Ext.data.Operation operation, Object options )

这里的response可以得到所有返回结果。

--------------------------

以下是封装后的代码：

Ext.define('Hljs.component.BaseStore', {
    extend: 'Ext.data.Store',
    //hl add 20100421
    showWaitWindow: true,
    constructor: function(config){
        config = config || {};
        Ext.apply(config, {
            proxy: {
            type: 'ajax',
            actionMethods: { read: 'POST'},
            api:{
                read: _path + '/' + config.action + config.isSpCall?'?act=spCall':'?act=query',
                read: _path + '/' + config.action + '?act=query',
                create : _path + '/' + config.action + '?act=insert',
                update: _path + '/' + config.action + '?act=update',
                destroy: _path + '/' + config.action + '?act=delete'
            },
            reader: {
                type: 'json',
                root: 'root',
                totalProperty: 'totalProperty',
                successProperty: 'success'
            },
            writer:{
                encode: true,
                root: 'root'
            },
            listeners:{
                exception: function(p, res, oper, opt){
                alert('a');
            }
            }
        }           
        });
        this.callParent([config]);
    }    ,
    onProxyLoad: function(operation) {
        if(!operation.wasSuccessful()){
            var error = operation.getError();
        }
        this.callParent([operation]);
    }

});

Ext.define('Hljs.component.BaseModel', {
    extend: 'Ext.data.Model'
});

-----------------------------------------------

3.关于命名空间

原先的Hljs.util.PageHelper是一个单例，取消了Ext.namespace，如果还是定义Hljs.util.PageHelper = new (function(){。。。})就会报错，解决的办法是：

把原先的定义：Ext.namespace("Hljs.util");

修改成：

Ext.define('Hljs.util', {
});

转载于:https://www.cnblogs.com/barryhong/archive/2011/09/02/2164036.html