查询中使用回调函数

背景

查询时耗时较长,页面处于无反应状态,需要增加等待提示,待查询数据返回后,提示消失

js回调函数

function gridLoad(grid){
	Ext.MessageBox.wait("查询数据中...","提示");
	grid.setUrl(grid.url);
	grid.setTimeout(1000*60*60);
	grid.setRequestParams({xx:123});
	grid.reload({
		callback:function(){
		Ext.MessageBox.hide();
	}
	});
}

扩展

当请求为异步,同时又需要获取第一步的请求结果时,即可使用回调函数.

function add (x, y, callback) {
    // 设置1秒后出计算结果
    console.log('开始运算')
    setTimeout (function () {
        // 保存计算结果
        console.log('保存计算结果')
        var result = x + y
        callback(result)
    }, 1000)

    console.log('结束运算')
}

add(1, 2, function (result) {
    // 这是callback函数实现体
    console.log('计算结果为：'+result)
})