需要帮助解决有关jquery.jstree.js的几个问题

时间:2010-11-12 08:16:01

标签: jquery jstree

单击按钮时如何获取当前选定的节点?

('#tree').jstree({...});  
('#button').click(function(){ :selected_node? })

单击按钮时如何刷新节点?

('#tree').jstree({...});  
('#button').click(function(){ :refresh? })

我想弹出一个窗口确认删除了一个节点。如果选择“取消”,则不应删除该节点。我能否这样做以及如何做到?

非常感谢。

1 个答案:

答案 0 :(得分:1)

我怀疑这将取决于您使用哪个jstree插件生成树。我正在使用HTML插件并达到以下确认要求。

对于每一行,都有一组图标用于在树上执行各种任务,每个任务都有一个icon类,另一个类用于标识操作,例如:

<li class="row" id="26">
    <a href="/admin/pages/add-edit/?pageId=26" class="treeLink">Home Page</a>
    <div class="iconRow">
    <a class="icon icon-tick" title="Active">Active</a>
    <a href="/admin/pages/move/?pageId=26&direction=up" class="icon icon-arrow-up" title="Move Up">Move Up</a>
    <a href="/admin/pages/move/?pageId=26&direction=down" class="icon icon-arrow-down" title="Move Down">Move Down</a>
    <a href="/admin/pages/add-edit/?pageId=26" class="icon icon-page-edit" title="Edit">Edit</a>
    <a href="/admin/pages/delete/?pageId=26" class="icon icon-page-delete" title="Delete">Delete</a>
    </div>
</li>

所以从这里我的jQuery代码看起来像:

$('a.icon')。live('click',function(){     if($(this).hasClass('icon-arrow-up')|| $(this).hasClass('icon-arrow-down')){         //在这做点什么......     }

if ($(this).hasClass('icon-page-delete')) {
    //Add confirmation box code here
}

返回false; });

这是一个相当简单的看法,但希望能让你开始上路。