Heim > Web-Frontend > js-Tutorial > Hauptteil

zTree lädt und erweitert die Implementierung der Knotenmethode der ersten Ebene asynchron

小云云
Freigeben: 2017-12-29 11:16:08
Original
2654 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Implementierungsmethode des asynchronen Ladens und Erweiterns von Knoten der ersten Ebene durch zTree vor. Ich hoffe, dass er allen helfen kann.

Fügen Sie die Rückruffunktion onAsyncSuccess:onAsyncSuccess zum Rückruf in der Einstellung hinzu und implementieren Sie dann die Rückruffunktion

var isFirst = true;
function onAsyncSuccess(event, treeId) {
  if (isFirst) {
      //获得树形图对象
      var zTree = $.fn.zTree.getZTreeObj("treeDemo");
      //获取根节点个数,getNodes获取的是根节点的集合
      var nodeList = zTree.getNodes();
      //展开第一个根节点
      zTree.expandNode(nodeList[0], true);
      //当再次点击节点时条件不符合,直接跳出方法
      isFirst= false;
  }
}
Nach dem Login kopieren

Im Folgenden werde ich Ihnen mitteilen, wie zTree die Anzahl der nächsten erhält. Untergeordnete Knoten der aktuellen Knotenebene.

Verwenden Sie das zTree-Plug-in, um das Baumdiagramm zu implementieren und die Anzahl der untergeordneten Knoten des aktuell angeklickten übergeordneten Knotens abzurufen. Verwenden Sie treeNode.children, um die Datensammlung für untergeordnete Knoten abzurufen, und verwenden Sie zum Abrufen die Längenmethode die Länge der Sammlung.

Sie können es aufrufen, indem Sie den TreeNode des aktuellen Knotens übergeben.

/*查找当前节点下一级的子节点数*/
function findNodes(treeNode)
{
  var count;
  /*判断是不是父节点,是的话找出子节点个数,加一是为了给新增节点*/
  if(treeNode.isParent) {
    count = treeNode.children.length + 1 ;
  } else {
    /*如果不是父节点,说明没有子节点,设置为1*/
    count = 1;
  }
  return count;
}
Nach dem Login kopieren

Verwandte Empfehlungen:

zTree lädt alle Knoten asynchron

jquery zTree asynchrones Laden einfaches Beispiel „sharing_jquery“

jquery zTree asynchrones Laden, Fuzzy-Suche, einfaches Beispielsharing_jquery

Das obige ist der detaillierte Inhalt vonzTree lädt und erweitert die Implementierung der Knotenmethode der ersten Ebene asynchron. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!