Comment empêcher dijit.layout.TabContainer de basculer entre les onglets, en fonction de l'état des données dans l'onglet?

Question

Je sais comment désactiver les onglets, etc.

Il s'agit d'empêcher un événement onclick de basculer vers un onglet actif si l'utilisateur n'a pas rencontré une condition.

Existe-t-il une fonction à laquelle je peux me connecter pour me transmettre un événement que je peux utiliser dojo.stopEvent()?

Answer 1

J'ai le même problème, il n'y a aucun moyen direct de le faire, mais vous pouvez prolonger votre widget:

dojo.extend(dijit.layout.TabController, { 
    onButtonClick: function(/*dijit._Widget*/ page,evt) { 
     // summary: 
     //  Called whenever one of my child buttons is pressed in an attempt to select a page 
     // tags: 
     //  private 
     this.beforeButtonClick(page,evt); 
     this._onButtonClick(page,evt); 

    }, 
    beforeButtonClick:function(page,evt){ 

    }, 
    _onButtonClick:function(page,evt){ 
     console.log(evt.cancelBubble); 
     if(evt.cancelBubble){ 
      return; 
     } 
     var container = dijit.byId(this.containerId); 
     container.selectChild(page); 
    } 
}); 

l'utilisation est:

var widget = dijit.byId('your_tabContainer'); 
dojo.connect(widget.tablist,"beforeButtonClick",function(page,evt){ 
//do the detection, if it meet the condition, ignore it, 
//if not, stop the event 
    if(page.id !== "tab1"){ 
     dojo.stopEvent(evt) 
    } 
}); 

Answer 2

Vous pouvez aussi le faire avec aspect.

aspect.around(tabContainer, "selectChild", function(selectChild) { 
     return function(page) { 
      if(confirm("Do you want to change tab?")) 
       selectChild.apply(this, arguments); 
     } 
}); 

Fiddle: http://jsfiddle.net/vmsuu/4/

Crédit Fredde: http://dojo-toolkit.33424.n3.nabble.com/dijit-layout-TabContainer-Confirm-message-on-switching-tabs-td3990778.html