Maison > interface Web > js tutoriel > le corps du texte

Chargement asynchrone de zTree et extension de la mise en œuvre de la méthode de nœud de premier niveau

小云云
Libérer: 2017-12-29 11:16:08
original
2737 Les gens l'ont consulté

Cet article présente principalement la méthode d'implémentation du chargement asynchrone zTree et de l'expansion des nœuds de premier niveau. J'espère que cela pourra aider tout le monde.

Ajoutez la fonction de rappel onAsyncSuccess:onAsyncSuccess au rappel dans le paramètre, puis implémentez la fonction de rappel

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;
  }
}
Copier après la connexion

Ci-dessous, je vais partager avec vous comment zTree obtient le numéro de next-. niveau des nœuds enfants du nœud actuel. Méthode de mise en œuvre.

Utilisez le plug-in zTree pour implémenter l'arborescence afin d'obtenir le nombre de nœuds enfants du nœud parent actuellement cliqué. Utilisez treeNode.children pour obtenir la collecte de données du nœud enfant et utilisez la méthode de longueur pour obtenir. la durée de la collection.

Vous pouvez l'appeler en passant le treeNode du nœud actuel.

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

Recommandations associées :

zTree charge tous les nœuds de manière asynchrone

jquery zTree chargement asynchrone exemple simple Sharing_jquery

Chargement asynchrone jquery zTree, exemple simple de recherche floue Sharing_jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal