如何在dojo tabcontainer中禁用單個選項卡

Question

我想禁用dojo的tabcontainer中的單個選項卡。

Answer 1

您可以覆蓋其默認css以使tabbar不可見。

Answer 2

由於這不是DOJO選項卡容器的功能，因此無法直接進行。對於開放約3年的DOJO存在一個bug，要添加該功能：http://bugs.dojotoolkit.org/ticket/5601

該缺陷在其中也有潛在的解決方法。

Answer 3

dijit.byId（ '標籤'）。controlButton.domNode.disabled =真

Answer 4

我回答在另一個線程這個問題。基本上涉及到涉及jQuery。對我很好。我有靜態創建的所有選項卡（而不是編程），我可以通過jQuery的幫助來操作它們是顯示還是隱藏。所有代碼的任何一切都在我的崗位在這裏：

How do I dynamically show and hide an entire TabContainer using DOJO?

Answer 5

下面是我對這個問題的解決方法：

dojo.style(dijit.byId("tabID").controlButton.domNode,{display:"none"}); 

和：

dojo.style(dijit.byId("tabID").controlButton.domNode,{display:"inline-block"}); 

出於某種原因，改變殘疾人屬性或調用setDisabled對我無能爲力。

Answer 6

dojo.attr(dijit.byId('tab'), "disabled", true); 
dijit.byId('tab').onClick = function() { }; 

Answer 7

您可以通過設置面板中的disabled屬性禁用標籤： 來源：https://dojotoolkit.org/reference-guide/1.10/dojo/dom-style.html

pane.set("disabled", true); 

例子：

<div data-dojo-type="dijit/layout/TabContainer" style="width: width: 350px;  height: 200px"> 
    <div data-dojo-type="dijit/layout/ContentPane" title="My first tab" data- dojo-props="selected:true"> 
     Lorem ipsum and all around... 
    </div> 
    <div data-dojo-type="dijit/layout/ContentPane" id="second" title="My second  tab"> 
     Lorem ipsum and all around - second... 
    </div> 
    <div data-dojo-type="dijit/layout/ContentPane" title="My last tab" data- dojo-props="closable:true"> 
     Lorem ipsum and all around - last... 
    </div> 
</div> 

<script type="dojo/require"> 
    registry: "dijit/registry" 
</script> 
<button type=button onclick="registry.byId('second').set('disabled',  !registry.byId('second').get('disabled'));"> 
    toggle tab #2 disabled 
</button> 

這裏

唯一的問題是，它是不可見的用戶他們不能點擊它。 您可以將這些額外的CSS選擇器：

.dijitTab.dijitDisabled { 
    cursor: not-allowed !important; 
} 

.dijitTab.dijitDisabled > .tabLabel{ 
    cursor: not-allowed !important; 
}