Maison  >  Article  >  interface Web  >  Easy UI clique sur le texte pour réaliser la fonction d'expansion et de fermeture

Easy UI clique sur le texte pour réaliser la fonction d'expansion et de fermeture

小云云
小云云original
2018-01-27 14:33:001599parcourir

Cet article présente principalement le texte de clic de l'arborescence dynamique Easy UI pour développer et fermer la fonction. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

Cliquez simplement sur la fonction arborescence de la JSP et ajoutez un morceau de code :

Le tout est le suivant :


<span style="white-space:pre"> </span>$("#tt").tree({ 
    onClick: function(node){ 
      if(node.url != null){ 
         parent.frames["content"].location.href="${ctx}" rel="external nofollow" + node.url; 
      }else{ 
         if(node.state==&#39;closed&#39;&&(!$("#tree").tree(&#39;isLeaf&#39;,node.target))){ //状态为关闭而且非叶子节点 
           $(this).tree(&#39;expand&#39;,node.target);//点击文字展开菜单  
         }else{ 
           $(this).tree(&#39;collapse&#39;,node.target); 
         } 
      } 
       
    } 
  })

Recommandations associées :

Compétences JS simples pour développer et fermer le code_javascript

js exploite les attributs CSS pour atteindre la couche div Méthode d'effet d'expansion et de fermeture_compétences javascript

Méthode JQUERY pour implémenter des effets d'expansion et de fermeture de position fixe dans le coin inférieur droit de la page Web_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!

Déclaration:
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