2013-03-26 232 views
3

如何在我的代码中添加或删除节点和链接与onclick事件?删除并添加节点,点击d3.js中的节点

这是我的(d3jscode fiddle

如何使用:右键单击任意节点,然后单击删除它删除所有节点但没有链接。
但我想只删除一个节点,它是点击删除的链接。

//right click menu items 
$('g.node').contextMenu('cntxtMenu', 
{ 
    itemStyle: 
    { 
     fontFamily : 'Arial', 
     fontSize: '13px' 
    }, 
    bindings: 
    { 
     'open': function(t) { 
      alert(t.__data__.name); 
     }, 
     'email': function(t) { 
      alert('Trigger was '+t.__data__.name+'\nAction was Email'); 
     }, 
     'save': function(t) { 
      alert('Trigger was '+t.__data__.name+'\nAction was Save'); 
     }, 
     'delete': function(t) { 
      $('g.node').remove(); 
      //alert('Trigger was '+t.__data__.name+'\nAction was Delete'); 
     } 
    } 
}); 
+1

首先,你需要更换'$( 'g.node')。删除();'用'$(t).remove();' – 2013-03-26 07:10:51

+0

@ArunPJohny现在好了如何删除它的链接 – 2013-03-26 07:19:47

+0

这里是工作示例参见[Fiddle](http://jsfiddle.net/5AbwQ/3/ ) – 2013-04-03 06:46:14

回答

0

只需使用$(T),而不是$( 'g.node')

'delete': function(t) { 
     $(t).remove(); 

    } 

See Demo Here