【问题标题】:How to have a link in a FancyTree如何在 FancyTree 中有一个链接
【发布时间】:2014-09-08 20:38:50
【问题描述】:

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

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

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

提前致谢。

【问题讨论】:

    标签: javascript php yii fancytree


    【解决方案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);
                }
            }
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-12-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-23
    相关资源
    最近更新 更多