ExtJs4发送同步请求的store

最新推荐文章于 2021-08-05 20:21:12 发布

转载最新推荐文章于 2021-08-05 20:21:12 发布 · 351 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/wangdaoliang/blog/776567

文章标签：

#ux

本文介绍如何在ExtJs中实现同步请求，通过继承Ext.data.proxy.Ajax并重写其doRequest方法来达到目的。该方法适用于需要精确控制请求顺序的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么80%的码农都做不了架构师？>>>

ExtJs的store默认是异步的，但有时候我们必须要发送同步请求才能满足需求，比如在多线程中，要实现同步很简单，只需继承Ext.data.proxy.Ajax，重写的同步类如下：

Ext.define('Ext.ux.data.proxy.Ajax', {  
    extend: 'Ext.data.proxy.Ajax',  
    async:true,  
    doRequest: function(operation, callback, scope) {  
        var writer  = this.getWriter(),  
            request = this.buildRequest(operation);    
        if (operation.allowWrite()) {  
            request = writer.write(request);  
        }  
        Ext.apply(request, {  
            async         : this.async,  
            binary        : this.binary,  
            headers       : this.headers,  
            timeout       : this.timeout,  
            scope         : this,  
            callback      : this.createRequestCallback(request, operation, callback, scope),  
            method        : this.getMethod(request),  
            disableCaching: false   
        });  
        Ext.Ajax.request(request);  
        return request;  
    }  
});

使用的时候，只需修改代理即可,async：false表示同步，true为异步:

proxy: Ext.create("Ext.ux.data.proxy.Ajax",{  
                async:false,  
                url:" ",  
                reader: {  
                    type: 'json',  
                    root: 'root'
                }  
        })

转载于:https://my.oschina.net/wangdaoliang/blog/776567