javascript-如何在FancyTree中具有链接

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何在FancyTree中具有链接，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1553字，纯文字阅读大概需要3分钟。

内容图文

我尝试使用花式树.一切都正确显示,但是我在节点的文本上没有链接…为什么？以及如何解决？

我试图把这样的html链接：

 <div id="tree">    
    <ul>
        <li><a href="..."> My Link to view 1 </a></li>
        <li><a href="..."> My Link to view 2 </a>
            <ul>
                 <li><a href="..." > My link to view 2, 1st object </a></li>
                 <li><a href="..." > My link to view 2, 2nd object </a></li>
                 ...
            </ul>
        </li>
        ...
    <ul>
 </div>

或者我尝试过

<li Onclick="clickEntite(\''.Yii::app()->CreateAbsoluteUrl($axe['id_entite'].'/view',array('id'=>$axe['id_entite'])).'\')" >'.$axe['text'].'</li>


  <script type="text/javascript">
function clickEntite(url){
    window.location.href=url;       
};
  </script>

没有任何成功.

看来FancyTree删除了他节点上的所有链接.

当节点变为活动状态或选中复选框时,是否可以重定向到正确的视图？

提前致谢.

解决方法:

要在节点上具有链接,插件中有多个选项.

当它被聚焦,吸引或点击时重定向.

这是我为不同选项找到的代码. (我使用激活码)

        focus: function(event, data) {
            var node = data.node;
            // Auto-activate focused node after 1 second
            if(node.data.href){
                node.scheduleAction("activate", 1000);
            }
        },

        activate: function(event, data){
            var node = data.node,
                orgEvent = data.originalEvent;

            if(node.data.href){
                //window.open(node.data.href, (orgEvent.ctrlKey || orgEvent.metaKey) ? "_blank" /*node.data.target*/ : node.data.target);
                window.location.href=node.data.href;    
            }
        },

        click: function(event, data){ // allow re-loads
            var node = data.node,
                orgEvent = data.originalEvent;

            if(node.isActive() && node.data.href){
                // data.tree.reactivate();
                window.open(node.data.href, (orgEvent.ctrlKey || orgEvent.metaKey) ? "_blank" : node.data.target);
            }
        }

内容总结

以上是互联网集市为您收集整理的javascript-如何在FancyTree中具有链接全部内容，希望文章能够帮你解决javascript-如何在FancyTree中具有链接所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端