Reimplementing GoJS context menu in HTML

Hi previously am using gojs Context Menu Button now i need to converted this code into Html context menu using gojs…

Please help me how to do it…

var nodeMenu = // context menu for each Node

  $(go.Adornment, "Vertical",
   $("ContextMenuButton",
     $(go.TextBlock, {margin:5,width:150,height:20,text:"Connection",textAlign:"left"}),
     { click:function(e,obj){ RightClick(obj) }}),
    $("ContextMenuButton",
      $(go.TextBlock, {margin:5,width:150,height:20,text:"Tag Mapping",textAlign:"left"}),
      { click: function(e,obj){ TagmappingMenu(obj) } })
     
  );

 
   var nodeConfigMenu =  // context menu for each Node
   $(go.Adornment, "Vertical",
  
    $("ContextMenuButton",
      $(go.TextBlock, {margin:5,width:150,height:20,text:"Tag Mapping",textAlign:"left"}),
      { click:function(e,obj){ TagmappingMenu(obj) }}),
    $("ContextMenuButton",{background: "white"},
      $(go.TextBlock, {margin:5,width:150,height:20,text:"Config",textAlign:"left"}),
      { click:function(e,obj){ Config(obj) } })
     
  );

  var nodeDirectorMenu =  // context menu for each Node
   $(go.Adornment, "Vertical",
    $("ContextMenuButton",
     $(go.TextBlock, {margin:5,width:150,height:20,text:"Connection",textAlign:"left"}),
     { click:function(e,obj){ RightClick(obj) }}),
    $("ContextMenuButton",
      $(go.TextBlock, {margin:5,width:150,height:20,text:"Tag Mapping",textAlign:"left"}),
      { click:function(e,obj){ TagmappingMenu(obj) }}),
    $("ContextMenuButton",{background: "white"},
      $(go.TextBlock, {margin:5,width:150,height:20,text:"Config",textAlign:"left"}),
      { click:function(e,obj){ Config(obj) } })
     
  );

Have you read http://gojs.net/latest/intro/contextmenus.html ?
The next-to-last section refers to the Custom HTML Context Menu sample.

Hi previously am using gojs Context Menu Button now i need to converted this code into Html context menu using gojs…

Please help me how to do it…

var nodeMenu = // context menu for each Node
$(go.Adornment, “Vertical”,
$(“ContextMenuButton”,
$(go.TextBlock, {margin:5,width:150,height:20,text:“Connection”,textAlign:“left”}),
{ click:function(e,obj){ RightClick(obj) }}),
$(“ContextMenuButton”,
$(go.TextBlock, {margin:5,width:150,height:20,text:“Tag Mapping”,textAlign:“left”}),
{ click: function(e,obj){ TagmappingMenu(obj) } })

);

var nodeConfigMenu = // context menu for each Node
$(go.Adornment, “Vertical”,

$("ContextMenuButton",
  $(go.TextBlock, {margin:5,width:150,height:20,text:"Tag Mapping",textAlign:"left"}),
  { click:function(e,obj){ TagmappingMenu(obj) }}),
$("ContextMenuButton",{background: "white"},
  $(go.TextBlock, {margin:5,width:150,height:20,text:"Config",textAlign:"left"}),
  { click:function(e,obj){ Config(obj) } })

);

var nodeDirectorMenu = // context menu for each Node
$(go.Adornment, “Vertical”,
$(“ContextMenuButton”,
$(go.TextBlock, {margin:5,width:150,height:20,text:“Connection”,textAlign:“left”}),
{ click:function(e,obj){ RightClick(obj) }}),
$(“ContextMenuButton”,
$(go.TextBlock, {margin:5,width:150,height:20,text:“Tag Mapping”,textAlign:“left”}),
{ click:function(e,obj){ TagmappingMenu(obj) }}),
$(“ContextMenuButton”,{background: “white”},
$(go.TextBlock, {margin:5,width:150,height:20,text:“Config”,textAlign:“left”}),
{ click:function(e,obj){ Config(obj) } })

);

Hi,
I saw those two Urls but i didn’t understand am new from gojs…please help me

I suggest that you adapt the code from the sample. It’s all just JavaScript, HTML, and CSS.