GeoJson layer context menu

[Daniel Powell]

I want to add a context menu on right click for various elements on my geojson layer (I'm doing a road map so on a right click on the road at any part I want to show the context menu).

I've managed to get the left click working fine by using the onEachFeature and doing the following


function onEachFeature(feature, layer) {
        layer.on({
            click: showAssetInfo,
            contextmenu: contextreg
        });
       
    }   

 function showAssetInfo(e) {
        AssetMouseClick(e.target.feature.properties.objectid, e.latlng);
    }

For the context menu I have followed the example here http://jsfiddle.net/Q3L4c/12/ that someone linked to in an issue on github.

I have the following that gets called on the document ready (jquery)

        $.contextMenu({
            selector: 'path.leaflet-clickable',
            zIndex: 99999,
            callback: function (key, options) {
                var m = "clicked: " + key;
                window.console && console.log(m) || alert(m);
            },
            items: {
                "edit": { name: "Edit", icon: "edit" },
                "cut": { name: "Cut", icon: "cut" },
                "copy": { name: "Copy", icon: "copy" },
                "paste": { name: "Paste", icon: "paste" },
                "delete": { name: "Delete", icon: "delete" },
                "sep1": "---------",
                "quit": { name: "Quit", icon: "quit" }
            }
        });

I've tested it and the selector does return the GeoJson features, also if it attach the same menu to something else it works correctly.

Is there something I am missing here?

Also is there a good way to pass in the objectid to the menu when it starts up?

[Daniel Powell]

I have created this fiddle to demonstrate http://jsfiddle.net/Q3L4c/22/