suchen

Heim >Web-Frontend >js-Tutorial >zTree implementiert das Abrufen der Sequenznummer des aktuell ausgewählten Knotens in der gemeinsamen Knoteninstanz derselben Ebene

zTree implementiert das Abrufen der Sequenznummer des aktuell ausgewählten Knotens in der gemeinsamen Knoteninstanz derselben Ebene

小云云
小云云Original
2018-01-23 10:16:311747Durchsuche

In diesem Artikel wird hauptsächlich das jQuery-Plug-in zTree vorgestellt, um die Methode zum Abrufen der Seriennummer des aktuell ausgewählten Knotens auf demselben Ebenenknoten zu implementieren. Er analysiert die zugehörigen Betriebsfähigkeiten des Attribut-Plug-ins zTree für die Knotenserie Freunde, die es brauchen, können sich darauf beziehen. Ich hoffe, es kann jedem helfen.

Das Beispiel in diesem Artikel beschreibt die Methode des jQuery-Plug-ins zTree zum Abrufen der Seriennummer des aktuell ausgewählten Knotens unter den Knoten auf derselben Ebene. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Implementierungscode: 

<!DOCTYPE html>
<html>
<head>
  <title>zTree实现基本树</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" type="text/css" href="zTree_v3/css/demo.css" rel="external nofollow" >
  <link rel="stylesheet" type="text/css" href="zTree_v3/css/zTreeStyle/zTreeStyle.css" rel="external nofollow" >
  <script type="text/javascript" src="zTree_v3/js/jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="zTree_v3/js/jquery.ztree.core.min.js"></script>
  <script type="text/javascript">
    <!--
    var setting = {
      data: {
        simpleData: {
          enable: true
        }
      }
    };
    var zNodes =[
      { id:1, pId:0, name:"湖北省", open:true},
      { id:11, pId:1, name:"武汉市", open:true},
      { id:111, pId:11, name:"汉口"},
      { id:112, pId:11, name:"汉阳"},
      { id:113, pId:11, name:"武昌"},
      { id:12, pId:1, name:"黄石市"},
      { id:121, pId:12, name:"黄石港区"},
      { id:122, pId:12, name:"西塞山区"},
      { id:123, pId:12, name:"下陆区"},
      { id:124, pId:12, name:"铁山区"},
      { id:13, pId:1, name:"黄冈市"},
      { id:131, pId:13, name:"黄州区"},
      { id:132, pId:13, name:"麻城市"},
      { id:133, pId:13, name:"武穴市"},
      { id:134, pId:13, name:"团风县"},
      { id:135, pId:13, name:"浠水县"},
      { id:136, pId:13, name:"罗田县"},
      { id:137, pId:13, name:"英山县"},
      { id:2, pId:0, name:"湖南省", open:true},
      { id:21, pId:2, name:"长沙市", open:true},
      { id:211, pId:21, name:"芙蓉区"},
      { id:212, pId:21, name:"天心区"},
      { id:213, pId:21, name:"岳麓区"},
      { id:214, pId:21, name:"开福区"},
      { id:22, pId:2, name:"株洲市"},
      { id:221, pId:22, name:"天元区"},
      { id:222, pId:22, name:"荷塘区"},
      { id:223, pId:22, name:"芦淞区"},
      { id:224, pId:22, name:"石峰区"}
    ];
    $(document).ready(function(){
      $.fn.zTree.init($("#baseTree"), setting, zNodes);
    });
    /**
     * 获取当前选中的第一个节点在同级节点中的序号
     */
    function indexNodes()
    {
      var treeObj = $.fn.zTree.getZTreeObj("baseTree");
      //获取选中的节点
      var nodes = treeObj.getSelectedNodes();
      if (nodes.length>0)
      {
        for(var i=0;i<nodes.length;i++)
        {
          var index = treeObj.getNodeIndex(nodes[i]);
          alert("获取当前选中的第一个节点在同级节点中的序号："+index);
        }
      }
    }
    //-->
  </script>
 </head>
<body>
<p class="content_wrap">
  <p class="zTreeDemoBackground left">
    <ul id="baseTree" class="ztree" style="height: 300px; width:200px; overflow-y: auto"></ul>
    <input type="button" id="btn" onclick="indexNodes()" value="获取当前选中的第一个节点在同级节点中的序号"/>
  </p>
</p>
</body>
</html>

2 :

(1) Initialisierung

(2) Wenn „Hankou“ ausgewählt ist

(3) Wählen Sie „Hanyang“

3. Beschreibung des Quellcodes: 

var index = treeObj.getNodeIndex(nodes[i]); 
alert("获取当前选中的第一个节点在同级节点中的序号："+index);

Related Empfehlungen:

Detaillierte Erläuterung, wie zTree das Löschen des ausgewählten ersten Knotens und aller untergeordneten Knoten implementiert

jQuery-Plug-in zTree implementiert das Abrufen von Knotendaten der ersten Ebene Instanzfreigabe

Detaillierte Erläuterung der Methode des jQuery-Plug-ins zTree zum Löschen von Baumknoten

Das obige ist der detaillierte Inhalt vonzTree implementiert das Abrufen der Sequenznummer des aktuell ausgewählten Knotens in der gemeinsamen Knoteninstanz derselben Ebene. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

jquery
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung der Methode zum Löschen des ausgewählten ersten Knotens und aller untergeordneten Knoten in zTreeNächster Artikel：Detaillierte Erläuterung der Methode zum Löschen des ausgewählten ersten Knotens und aller untergeordneten Knoten in zTree

In Verbindung stehende Artikel

Mehr sehen