2011-12-13 13 views
8

मैं वर्तमान में जेएस ट्री प्लगइन और संबंधित चेक बॉक्स प्लगइन का उपयोग कर कुछ पीओसी पर काम कर रहा हूं। कुछ नोड्स मैं डिफ़ॉल्ट रूप से चेक बॉक्स की जाँच करें और किसी भी आगे selection.I अक्षम करने की आवश्यकता के लिए चेक बॉक्स को छिपाने के लिएjstree अक्षम चेकबॉक्स

.bind("load_node.jstree", function (e, data) { 
      $(this).find('li[rel!=file]').find('.jstree-checkbox:first').hide(); 
     }); 

बजाय चेक बॉक्स छुपा पूरी तरह से मैं निष्क्रिय करने के लिए एक रास्ता खोजने के लिए चाहते समारोह पाया कुछ नोड्स के लिए चेक बॉक्स

+0

ताकि और अधिक undestandable होने के लिए प्रश्न को फिर से लिखने पर विचार करें:

$rel = ('if the checkbox need to be pre-checked')? 'rel="disabled" class="jstree-checked"' : ''; echo '<li id="checkbox_id" '. $rel .'>'; 

तो पिछले जवाब आप 'असमर्थ' प्रकार है कि rel विशेषता में इस्तेमाल किया गया था के रूप में निम्नानुसार परिभाषित करने की जरूरत पर आधारित है। – athspk

उत्तर

10

आपको "अक्षम" प्रकार (प्लगइन प्रकारों का उपयोग करके) को परिभाषित करने की आवश्यकता होगी और फिर वांछित नोड को उस प्रकार को असाइन करना होगा। उदाहरण के लिए

लें इस "अक्षम" प्रकार परिभाषा:

  "types" : { 
       "types": { 
       "disabled" : { 
         "check_node" : false, 
         "uncheck_node" : false 
        } 
       } 
      } 

और प्रकार असाइनमेंट:

$.jstree._reference('#tree').set_type("disabled", "#node5"); 

प्रकार प्लगइन बारे में अधिक जानकारी here पाया जा सकता है और आप भी this google group with more info on disabling checkboxes

जाँच कर सकते हैं

उम्मीद है कि यह मदद करता है!

1

उनके उत्तर के लिए mcabral और Tomasz के लिए धन्यवाद। इससे मुझे सही परिणाम प्राप्त करने में मदद मिली। हालांकि, मुझे इसे ठीक से काम करने के लिए कुछ अतिरिक्त लाइनों को जोड़ने की जरूरत है। यहाँ मैं क्या किया है:

आप <li> टैग जो करने के लिए दो विशेषताओं को जोड़ने की जरूरत है rel='disable' jstree दर्शा सकते हैं कि, चेकबॉक्स के लिए नए प्रकार के हो जाएगा डिफ़ॉल्ट के बजाय और class='jstree-checked' विशेषता है जो होगा पूर्व जांच कर रहे हैं पेड़ लोड करते समय चेकबॉक्स।

.jstree({ 
        "types" : 
        { 
         "types" : { 
          "disabled" : { 
           "check_node" : false, 
           "uncheck_node" : false 
          } 
         } 
        }, 
     "plugins" : ["themes","html_data","ui","crrm","types", "checkbox"], 
        "checkbox" : { "two_state" : true }, 
    }) 
संबंधित मुद्दे