javascript - 如何在 FancyTree 中建立链接

Question

我尝试使用 fancytree。一切都正确显示，但我无法在节点文本上找到链接...为什么？以及如何解决？

我试过像这样放置 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 似乎删除了他节点上的所有链接。

是否可以在节点激活或选中复选框时重定向到右侧 View ？

提前致谢。

Answer 1

要在节点上建立链接，插件中有几个选项。

当它被聚焦、激活或点击时重定向。

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

        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);
            }
        }