2012-05-02 4 views
1

트리보기가 있고 다른 항목에 대한 오른쪽 클릭 지원을 추가하고 싶습니다. 이것은 내가 그것을 어떻게 있습니다 :트리보기의 항목을 마우스 오른쪽 버튼으로 클릭 할 때 메뉴 표시

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

메뉴가 아니라 루트 모듈의 나머지 부분에 대한, (오른쪽 클릭 후) 첫 번째 루트 모듈에 표시됩니다. 모든 루트 모듈에 대한 메뉴를 얻으려면 내가 무엇을 바꾸어야하는지 말해 줄 수 있습니까?

감사합니다. 많은 답변을드립니다.

+1

이 안녕, 난 당신이 당신의 오른쪽 클릭을 당신을 위해 그 일을 캡처하는 아주 간단한 jsfiddle을 줄 수 있습니까? 제발, 당신에게 맞는 브루브가 트리 뷰를 사용하여 대답을 업데이트한다면, 저에게 알려주십시오. 좋은 것을 가지고 있습니다 :) cheerios! –

+0

예, 아주 좋을 것입니다. 1 분만주세요. 위의 트리 뷰를 추가하겠습니다! Btw, jquery-treeview 사용하고 있습니다. – doonot

+0

Saweet 김미 2 분! cheerios bruv! –

답변

2

안녕 하면 경고를 얻을 것이다 rightclick에이 데모를 여기 http://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, 내가 말한 예를 들어 보셨습니까? 죄송합니다.이 소리가 조금 빽빽하게 들린다면 : 나는 그것이 당신이 의미하는 바를 올바르게 얻는 지 확인합니다. 치어 리더! –

+0

내가 제공 한 예에서. 실제로이 [튜토리얼] (http://www.webdeveloperjuice.com/2010/02/22/create-simple-jquery-right-click-cross-browser-vertical-menu/)을 사용하고 있습니다. – doonot

관련 문제