2012-05-02 13 views
1

私はツリービューを持っていますので、アイテムごとに右クリックを追加したいと考えていました。これは私がそれをやった方法です:ツリービューの項目を右クリックするとメニューが表示されます

http://jsfiddle.net/doonot/xWjSz/

メニューはなく、ルートモジュールの残りの部分について、(右クリックした後)最初のルートモジュールのために示されています。すべてのルートモジュールのメニューを取得するために、私が何を変えなければならないか教えてください。

ありがとう、私はあなたの答えを高く評価します。

+1

がHiya、私はあなたにそれがあなたの右クリックをあなたのためにその仕事をキャプチャしますでしょう非常に単純なjsfiddleを与えることができますか?私にそれがあなたに合っているかどうか教えてください、ブルブルはツリービューを使用して答えを更新します、素敵なものを持っている:) cheerios! –

+0

はい、それはとてもいいと思います。私に1分を与え、上の私のツリービューの一部を追加します! Btw、jquery-treeviewを使用しています。 – doonot

+0

Saweet gimme 2分! cheerios bruv! –

答えて

2

Hiya アラートを取得しますここrightclickhttp://jsfiddle.net/UeqBk/for_Dooonot_from_Tats_innit/

をこのデモhttp://jsfiddle.net/hYJPv/1/またはhttp://jsfiddle.net/hYJPv/(問題を修正しました)または差分アプローチを参照してください。

コード

$(document).ready(function() 
{ 
    // If you want to disable showing the context menu when right clicking 
    // on the document, the code below would do the trick. 
    $(document).bind("contextmenu",function(e) 
    { 
     alert('right click capture'); 
     return false; 
    }); 

    var $tree = $("#tree").kendoTreeView(
    { 
     select: function (event) 
     { 
      var $item = $(event.node); 
      console.log($item); 
      alert("selected"); 
     } 
    }); 


    // Find the item you want to select... 
    var $selected = $('#selected'); 
    var $treePath = $selected.parentsUntil($tree, "li"); 

    var treeView = $tree.data('kendoTreeView'); 

    // Expand the tree in order to show the selected item 
    treeView.expand($treePath); 

    // Gotta make both calls... 
    treeView.select($selected); 
    treeView.trigger('select', {node: $selected}); 
}); 
​ 
+0

ありがとう!しかし、私はそれが本当に必要なものかどうかはわかりません。私は右クリックをキャプチャすることができ、メニューはツリービューの最初の項目についてのみ表示されます。残りのアイテムでは機能しません。私はそれをどうするか、わからない。あなたは知っていますか? – doonot

+0

@dooonot probs bruv、あなたは私が与えた、あるいはあなたのサンプルの中のサンプルを意味しますか?申し訳ありませんが、この音ビットが密集している場合:私はそれがあなたが意味するものを正しく得ることを確認します! cheerios! –

+0

私が提供した例では。私は実際にこの[チュートリアル](http://www.webdeveloperjuice.com/2010/02/22/create-simple-jquery-right-click-cross-browser-vertical-menu/)を使用しています。 – doonot

関連する問題