dojo - डोजो टैब कंटेनर में एकल टैब को अक्षम कैसे करें




4 Answers

आप टैबबार को अदृश्य बनाने के लिए अपनी डिफ़ॉल्ट सीएसएस ओवरराइड कर सकते हैं।

मैं डोजो के टैब कंटेनर में एकल टैब को अक्षम करना चाहता हूं।




आप इसे सीधे नहीं कर सकते क्योंकि यह DOJO टैब कंटेनर की सुविधा नहीं है। इस सुविधा को जोड़ने के लिए, डीओजेओ के खिलाफ एक बग दिया गया है, जो लगभग 3 साल तक खुला है: http://bugs.dojotoolkit.org/ticket/5601

उस दोष में भी इसमें एक संभावित समाधान है




मैंने इस प्रश्न का उत्तर दूसरे धागे में दिया। असल में इसमें शामिल jQuery को शामिल करना शामिल था। मेरे लिए महान काम करता है मेरे पास सभी टैब्स स्थैतिक रूप से बनाए गए हैं (जैसा कि प्रोग्रामैटिक रूप से विरोध किया गया है) और मैं हेरफेर करने में सक्षम हूं कि क्या वे jQuery पर मदद से दिखाए गए या छिपाए गए हैं। मेरे सभी पोस्ट यहां मौजूद हैं:

मैं DOJO का उपयोग करके संपूर्ण टैबकॉन्टेनइयर को कैसे गतिशील रूप से दिखा और छुपा सकता हूं?




आप फलक की अक्षम संपत्ति सेट करके टैब को अक्षम कर सकते हैं: स्रोत: 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>

केवल समस्या यह है कि यह उस उपयोगकर्ता को दिखाई नहीं दे रहा है, जिस पर वे इस पर क्लिक नहीं कर सकते आप इन अतिरिक्त सीएसएस चयनकर्ताओं को कर सकते हैं:

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

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



Related


Tags

dojo