2017-10-12 28 views
0

JSTreeライブラリでレンダリングされたチェックボックスの一部を非表示にする必要があります。 JSJSツリーライブラリのチェックボックスを非表示にする方法

<div id="tree"> 
    <ul> 
     <li id="folder_1">Folder 1 
      <ul> 
       <li id="child_1">Child 1</li> 
       <li id="child_2">Child 2</li> 
      </ul> 
     </li> 
     <li id="folder_2">Folder 2</li> 
    </ul> 
</div> 

そしてここにある:ここで

がHTMLである私は、フォルダ1のチェックボックス(子供2)を非表示にする必要がありますが、持っている

$(function() { 
    $("#tree").jstree({ 
     "checkbox": { 
      "keep_selected_style": false 
     }, 
      "plugins": ["checkbox"] 
    }); 
    $("#tree").bind("changed.jstree", 
    function (e, data) { 
     alert("Checked: " + data.node.id); 
     alert("Parent: " + data.node.parent); 
     //alert(JSON.stringify(data)); 
    }); 
}); 

2が表示された子が、チェックボックスなし。私はjsfiddle linkを含んでいます。

+0

@VTodorovのおかげです。私はこれを次の質問の入力としてマークします。 –

+0

本当に欲しいものを理解できないようです。 2つの子オブジェクトのチェックボックスを必要としないか、または子2のみのチェックボックスを必要としませんか? – VTodorov

+0

子供2の場合のみ。 –

答えて

2

cssクラスを追加すると、チェックボックスを削除できます。

<li id="" class="no-checkbox">Child 2</li>

CSS:ここ

.no-checkbox i.jstree-checkbox { 
    display:none; 
} 

は私の質問を再整理するためLINK

+0

ありがとうございました。期待通りに動作しています。 –

+0

隠しチェックボックスを無効にすることもできますが、親チェックボックスをオンにすると、すべてのサブノードが選択されているように見えます。チェックボックスを隠すための基本的な考え方は、ユーザーがそれを選択することを許可していないということでした。 –

関連する問題