为了账号安全,请及时绑定邮箱和手机立即绑定

基于jquery的easyUI异步调用问题

比如引用某个函数需要调用另外一个函数,则不能异步调用,需要改成同步方式,比如:

//函数一:加载combobox组件
function one(){
using('combogrid',function(){
$("#ad_type").combobox({
            onChange:function(record, oldValue){
                    $("#pro_id").combogrid('changeRequired',false);
                ........
    }
  });
 });
}
//函数二:加载另一个combobox组件
function two(){
    using('combogrid',function(){
        $('#pro_id').combogrid({
            panelHeight: 350,
            panelWidth: 450,
            required: false,
         ........
    });
  });
}

很明显函数一要用到函数二加载的组件,此时由于函数二存在回调函数,会导致异步加载,调用函数一的时候这行代码$("#pro_id").combogrid('changeRequired',false);会出错。
改进:重新定义函数二,增加一个形参func,将函数一的函数名作为参数传递给函数二,并且在函数二中的异步函数中调用函数一,初始化加载这两个combobox组件时,先调用函数二,完美解决。

function two(func){
    using('combogrid',function(){
        $('#pro_id').combogrid({
            panelHeight: 350,
            panelWidth: 450,
            required: false,
         ........
    });
    func();//内部调用
  });
}
//初始化函数
function init()
{
    two(one);
}

还有一种所谓的笨办法,但是治标不治本:就是延迟被依赖函数的调用方代码,目的是想使得被依赖的函数能够在被引用之前就加载完成以免报错,然而在某些情况下延迟并不起作用,因为本质还是异步加载不是同步加载,不建议采用这种方式。

点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消