如何根据选项卡中数据的状态阻止 dijit.layout.TabContainer 切换选项卡？

Question

我知道如何禁用选项卡等。

这是为了在用户未满足条件时防止 onclick 事件切换到活动选项卡。

是否有一个我可以连接到的函数将向我传递一个我可以使用 dojo.stopEvent() 的事件？

Answer 1

您也可以使用方面来做到这一点。

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

小提琴：http://jsfiddle.net/vmsuu/4/

感谢 Fredde：http://dojo-toolkit .33424.n3.nabble.com/dijit-layout-TabContainer-Confirm-message-on-switching-tabs-td3990778.html

Answer 2

我有同样的问题，没有直接的方法来做到这一点，但你可以扩展你的小部件：

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

用法是：

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