Dojo Selezionare onChange evento che si attiva quando si modifica il valore in modo programmatico

Question

Ho un menu a discesa di selezione dojo (dijit) che chiama una funzione js su Change. Mi aspettavo che questo chiamasse la funzione onChange solo quando l'utente cambiava il valore nel menu a discesa, tuttavia, chiama anche la funzione onChange quando cambio programaticamente il valore del menu a discesa dal codice js. Come faccio a richiamare la funzione solo quando l'utente cambia il valore del dropdown? Non dovrebbe chiamare la funzione quando cambio il valore in modo programmatico.

<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); 
    } 

Grazie, Justin

Answer 1

penso che la correzione adeguata in questo caso per voi sarebbe http://bugs.dojotoolkit.org/ticket/10594, dal momento che tratta direttamente con dijit.form.Select. Certo, ci sono alcuni modi per risolvere questo problema.

1. Aggiornamento dojo :).
2. Inherit dijit.form.Selezionare e "patchare" la funzione _updateSelection.
3. Estendi dijit.form.Seleziona e "patch" direttamente lì.

Non rinuncerò al primo. Il secondo e il terzo metodo sono simili, quindi mi limiterò a pubblicare una semplice correzione utilizzando la terza via,

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); 
     } 
    } 
}); 

Si noti che non ho scritto questa funzione, ho felicemente plagiato dal codice sorgente con l'ultimo linea, this._handleOnChange (this.value) rimosso.

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

Answer 2

Spesso le persone a risolvere questo utilizzando il flag priorityChange:

myWidget.set("value", 1234, false); 

che risolverà il vostro problema, tranne per le questioni sottili, dove il valore è di origine 123, è possibile impostare programmaticamente su 456, quindi l'utente lo imposta su 123, nel qual caso non ci sarà neanche un evento onChange() per l'azione dell'utente.

Per questo motivo è possibile inoltre fare:

myWidget._lastValueReported=null; 

Answer 3

Un modo molto più semplice è che, vorrei suggerire il flag "_onChangeActive", che non è raccomandato per essere utilizzato, in quanto è serve scopo interno. Ma, se richiesto, potremmo usarlo. "_onChangeActive" è un flag presente nel dojo Seleziona i widget del tipo, che per impostazione predefinita è impostato su true. Se questo flag è impostato su true, l'evento onChange viene attivato normalmente. Tuttavia, quando è impostato su false, l'evento onChange non viene attivato, quando il valore viene modificato dall'utente o programmaticamente.

es:

var widget = registry.byId('widget_id'); 
widget.set('_onChangeActive', false); // setting the flag to false 
...//make changes to the select programatically 
widget.set('_onChangeActive',true); // setting back to true after programatic changes are done 

Non c'è bisogno di ereditare la funzionalità dojo esistente per questo o utilizzare bandiere esterni separati. Il widget ne ha uno integrato per questo: "_onChangeActive".