dojo tabcontainer에서 단일 탭을 사용 불가능하게하는 방법

Question

dojo의 tabcontainer에서 단일 탭을 사용 불가능하게하고 싶습니다.

Answer 1

기본 css를 재정 의하여 탭바가 보이지 않도록 할 수 있습니다.

Answer 2

DOJO 탭 컨테이너의 기능이 아니기 때문에 직접 수행 할 수 없습니다. 약 3 년 동안 DOJO에 대한 기능이 추가 된 버그가있었습니다. http://bugs.dojotoolkit.org/ticket/5601

이 결함은 잠재적 인 해결 방법이 있습니다.

Answer 3

dijit.byId ('탭'). controlButton.domNode.disabled =

Answer 4

사실 나는 다른 스레드에서이 질문에 대답했다. 기본적으로 jQuery가 관련되어 있습니다. 나를 위해 위대한 작품. 정적으로 생성 된 모든 탭 (프로그래밍 방식과 반대)을 가지고 있고 jQuery에 대한 도움말을 표시하거나 숨길 지 여부를 조작 할 수 있습니다. 모든 코드가있는 모든 것이 여기 내 게시물에 있습니다

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

과 : 어떤 이유

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

, 장애인을 변경

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

Answer 5

여기이 문제에 대한 내 해결 방법입니다 속성 또는 setDisabled 호출은 아무 것도하지 않습니다.

Answer 6

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

Answer 7

당신은 창 장애인 속성을 설정하여 탭을 비활성화 할 수 있습니다 출처 : 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; 
}