加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Dojo以程序方式更改值时选择onChange事件触发

发布时间:2020-12-16 22:02:56 所属栏目:百科 来源:网络整理
导读:我有一个dojo(dijit)选择下拉菜单,调用js函数onChange.我期望这只能在用户更改下拉列表中的值时调用onChange函数,但是当我从js代码中编程更改下拉列表的值时,它甚至调用onChange函数.当用户更改下拉列表值时,如何才能调用该函数?当我编程更改值时,不应调用
我有一个dojo(dijit)选择下拉菜单,调用js函数onChange.我期望这只能在用户更改下拉列表中的值时调用onChange函数,但是当我从js代码中编程更改下拉列表的值时,它甚至调用onChange函数.当用户更改下拉列表值时,如何才能调用该函数?当我编程更改值时,不应调用该函数.
<select jsId="ddlBoundaryType" id="ddlBoundaryType" name="ddlBoundaryType" 
                            dojoType="dijit.form.Select">
                            <option value="0">Circle</option>
                            <option value="1">Polygon</option>
                        </select>

dojo.addOnLoad(InitBoundaries);
    function InitBoundaries() {
        dojo.connect(dijit.byId("ddlBoundaryType"),'onChange',Boundaries_ChangeBoundaryType); 
    }

谢谢,
贾斯汀

我认为在这种情况下正确的修复将是 http://bugs.dojotoolkit.org/ticket/10594,因为它直接处理dijit.form.Select.当然,有几种方法来解决这个问题.

>升级dojo :).
>继承dijit.form.Select并“修补”_updateSelection函数.
>扩展dijit.form.Select和“补丁”直接在那里.

我会放弃第一个.第二种和第三种方法是相似的,所以我将使用第三种方式发布一个简单的修复,

dijit.form.Select.extend({
   _updateSelection: function() {
        this.value = this._getValueFromOpts();
        var val = this.value;
        if(!dojo.isArray(val)){
            val = [val];
        }
        if(val && val[0]){
            dojo.forEach(this._getChildren(),function(child){
                var isSelected = dojo.some(val,function(v){
                    return child.option && (v === child.option.value);
                });
                dojo.toggleClass(child.domNode,this.baseClass + "SelectedOption",isSelected);
                dijit.setWaiState(child.domNode,"selected",isSelected);
            },this);
        }
   }
});

注意,我没有写这个函数,我很高兴地从源代码剽窃了最后一行,this._handleOnChange(this.value)被删除.

myWidget.attr('value',newValue,false) // should now work without firing onChange.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读