Question

下面是我的Extjs代码中定义的一个函数。

updateJob : function(button,grid, record) {
    var activeAccordianName = _myAppGlobal.getController('RFBAccordiansController').getActiveAccordianName();
    if(activeAccordianName == 'Lookup') {
        var win = button.up('window'),
        form = win.down('form'),
        record = form.getRecord(),
        values = form.getValues();

        var oldRecord = new Object();
        oldRecord.environment=record.get('environment');
        .........
        ..........
        win.close();
        this.submitLookupJobUpdateForm(oldRecord,values);
        record.set(values);
        }

},

在调用“ this.submitLookupJobUpdateForm（oldRecord，values）; ”之前，一切正常。这个方法有一个Ajax请求，它可以完美地执行，但是从我从数据库中获取一些数据需要一些时间。但是，即使在Ajax请求完成之前，下一个语句“ record.set（values）; ”也会被执行。以下是submitLookupJobUpdateForm方法代码

submitLookupJobUpdateForm: function(oldRecord,values){
    Ext.Ajax.request({
        url : './LookupUpdateController/LookupUpdate/UpdateJob.do',
        method : 'POST',
        params :
        {
            record : Ext.JSON.encode(oldRecord),
            newValues : values              
        },
        success : function(response)
        {
            var jobInfoJson=response.responseText;
            if (jobInfoJson != "" & jobInfoJson != "[]")
            {
                alert("Updating row");
            } else
            {
                Ext.MessageBox.alert("Failed","Update Failed");
            }
        }
    });
},

任何人都可以建议我应该做什么，以便在完成Ajax请求后调用“ record.set（values）; ”。提前谢谢。

Answer 1

Ajax请求是异步执行的，因此在请求完成之前它不会暂停代码，这就是在您的submitLookupJobUpdateForm（）调用之后立即调用record.set（）的原因。

我建议你将record.set（）调用移动到一个在成功处理程序中调用的单独函数中。

这种事：

submitLookupJobUpdateForm: function(oldRecord,values){
    Ext.Ajax.request({
        url : './LookupUpdateController/LookupUpdate/UpdateJob.do',
        method : 'POST',
        params :
        {
            record : Ext.JSON.encode(oldRecord),
            newValues : values              
        },
        success : function(response)
        {
            var jobInfoJson=response.responseText;
            if (jobInfoJson != "" & jobInfoJson != "[]")
            {
                //alert("Updating row");
                this.processRowUpdate();
            } else
            {
                Ext.MessageBox.alert("Failed","Update Failed");
            }
        },
        scope:this
    });
},

processRowUpdate: function() {
    record.set(...);
}

通过这种方式，您可以确保record.set（）等待Ajax成功。

ExtJS：Next方法甚至在Ext.Ajax.request完成之前执行

1 个答案: