javascript - jsTreeで選択したノードのIDを取得するにはどうすればよいですか?

Question

jsTreeで選択したノードの ID を取得するにはどうすればよいですか?

function createNewNode() {
  alert('test');
  var tree = $.tree.reference("#basic_html");
  selectedNodeId = xxxxxxxxx; //insert instruction to get id here
  tree.create({ data : "New Node Name" }, selectedNodeId);
}

score 97 · Accepted Answer

harpoのソリューションを機能させることができず、内部jsTree関数を使用するため、Olivierのソリューションを使用したくないので、別のアプローチを考え出しました。

$('#tree').jstree('get_selected').attr('id')

とても簡単です。このget_selected関数は、選択されたリスト項目の配列を返します。その配列で行う場合.attr、jQueryはリストの最初の項目を調べます。複数選択のIDが必要な場合は、代わりに配列として扱います。

score 11 · Accepted Answer

jstreeバージョンでは3.1.1、次から直接取得できますget_selected。

$("#<your tree container's id>").jstree("get_selected")

score 11 · Accepted Answer

jsTree のノードは、本質的にラップされたリスト項目です。これにより、最初のものへの参照が取得されます。

var n = $.tree.focused().get_node('li:eq(0)')

$.tree.focused()ツリーへの参照がある場合は置き換えることができます。

ID を取得するには、最初に一致した要素を取得します

if (n.length)
    id = n[0].id

または、セット内の最初の要素で機能する jQuery attr 関数を使用できます

id = n.attr('id');

score 3 · Accepted Answer

  $.jstree._reference('#my_tree_container')._get_node(null, true).each(function() {
    id = $(this).attr("id");
    alert('Id selected: ' + id);        
  });

score 1 · Accepted Answer

私の場合、データ呼び出しは機能しません。attr 関数を使用してノードデータにアクセスすることに成功しました。

$("#tree").jstree("get_selected").attr("my-data-name");

score 1 · Accepted Answer

選択したすべての ID を取得するには、以下のコードを使用します

var selectedData = [];
var selectedIndexes;
 selectedIndexes = $("#jstree").jstree("get_selected", true);
jQuery.each(selectedIndexes, function (index, value) {
     selectedData.push(selectedIndexes[index].id);
 });

これで、選択したすべての ID が「selectedData」変数に含まれるようになりました

score 0 · Accepted Answer

場合によっては、および/または jstree のバージョンによって、このソリューションが機能しないことがあります。

$('#tree').jstree('get_selected').attr('id');

定義された「id」の代わりに、何も取得しません。私にとってのトリックは何ですか：

$("#tree").jstree("get_selected").toString();

score 0 · Accepted Answer

Jstreeの最新バージョンを使用。次のように実行できます。

<script type="text/javascript>
    var checked_ids = [];
    $('#your-tree-id).jstree("get_checked",null,true).each(function(){
        checked_ids.push(this.id);
    });
    alert(checked_ids.join(","));
</script>

score 0 · Accepted Answer

使うだけ

var nodeId = $('#FaqTreeView').jstree().get_selected("id")[0].id;

は#FaqTreeView、jstree を含む div の ID です。

score 0 · Accepted Answer

0

<script type="text/javascript>
    checked_ids.push($(this).context.id);
</script>

于 2013-11-11T09:50:59.390 に答える

javascript - jsTreeで選択したノードのIDを取得するにはどうすればよいですか?

14 に答える 14

Related

Reference