нужна помощь с несколькими вопросами о jquery.jstree.js

Question

Как получить выбранный узел при нажатии кнопки?

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

Как обновить узел при нажатии кнопки?

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

Я хотел бы открыть окно для подтверждения удаления узла. Если выбрано «cancel», узел не должен удаляться. Могу ли я это сделать и как?

Большое спасибо.

Answer 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') || $ (это) .hasClass ('icon-arrow-down')) { // Делать что-то здесь .... }

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

return false; });

Это довольно простой взгляд на него, но, надеюсь, вы начнете по дороге.