我有一个dojo(dijit)select下拉列表,它调用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。当然,有几种方法可以解决此问题。
我会放弃第一个。第二种和第三种方法相似,因此我将使用第三种方法发布一个简单的修复程序,
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.
关于以编程方式更改值时,Dojo选择onChange事件触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3229747/