これは、ツリーの生成に使用している 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 を返します。});
これは非常に単純化された外観ですが、うまくいけば、途中で始めることができます.