EasyUI中combobox的回调函数执行两次的原因

最新推荐文章于 2021-06-23 14:07:52 发布

原创最新推荐文章于 2021-06-23 14:07:52 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#EasyUI

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在使用easyui的combobox组件时遇到的一个常见问题：回调函数执行两次的原因及解决办法。问题源于HTML中定义了combobox组件且设置了easyui-combobox类，导致页面加载时两次触发组件初始化。

在前台开发过程中，出现combobox中的回调函数执行两次的情况，谷歌并亲测原因如下：

$("#exflag").combobox({

    editable : false,

    url:${rootPath}/rnCode/rnResultListByGroupid?groupid="+rec.groupid+"&codetype=28",

    valueField : 'codeval',

    textField : 'codename',

    onLoadSuccess : function(){

        alert('run');

    }

})

执行结果：alert执行两次。

<input id = 'exflag' name = 'exflag' class='easyui-combobox'>

原因：在html中定义了组件,并且声明了class为easyui-combobox,这样页面加载的时候easyui解析class代码的时候先解析class声明中的combobox，这样组件就请求一次url,执行一次回调函数。然后js初始化combobox组件时，又请求一次url，再次执行回调函数，最终导致回调函数执行两次。