topic Add custom menu item to FeatureTable menu in ArcGIS JavaScript Maps SDK Questions

Add custom menu item to FeatureTable menu

SeanRedar — Fri, 22 Apr 2022 19:23:48 GMT

I can create the menu item but am stumped how I add the menu item to the FeatureTable's menu. Any suggestions would be great.

Re: Add custom menu item to FeatureTable menu

AlejandroMari1 — Fri, 22 Apr 2022 22:40:59 GMT

This has worked for me on JS API 4.23:

Re: Add custom menu item to FeatureTable menu

SeanRedar — Mon, 25 Apr 2022 15:59:05 GMT

Yes, thank you. I think I was passing the wrong object to the menu.

Re: Add custom menu item to FeatureTable menu

SeanRedar — Tue, 17 May 2022 22:16:16 GMT

Update - it worked inconsistently but doesn't seem to be working at all now.

Re: Add custom menu item to FeatureTable menu

KevinUseche — Thu, 13 Oct 2022 16:40:12 GMT

add visible property on object newMenuItem

table.when().then(() => { const newMenuItem = { label: "Do something", iconClass: "Icon font name, if applicable", visible: true, clickFunction: (event) => { console.log("Clicked!"); } }; table.menu.items.push(newMenuItem); });

Re: Add custom menu item to FeatureTable menu

ChristineWiltawsky1 — Mon, 24 Apr 2023 10:21:32 GMT

The menu property is marked as readonly and should not be edited. You can use the property menuConfig instead. Here is an example which shows standard entries and a custom menu item in the Feature Tables's menu

featureTable.when().then(() => { const buttonMenuItem1 = new ButtonMenuItem ({ label: "custom menu item label", clickFunction: function () { console.log("click MenuItem1"); } }); const buttonMenu = new ButtonMenu ({ iconClass: "esri-icon-handle-horizontal", items: [] }); featureTable.menu.items.forEach(element => { buttonMenu.items.push(element); }); buttonMenu.items.push(buttonMenuItem1); featureTable.menuConfig = buttonMenu; });