Comments (3)
This is possible using the "OnAppearing" event of the menu item component. You add all the possible items that can appear on the menu, then show/hide them depending on the target element clicked.
Please refer to this sample for details:
https://blazor-context-menu-demo.azurewebsites.net/dynamicitems
from blazorcontextmenu.
I think I misunderstood what you want to achieve.
You want during the click event to do stuff depending on the clicked item, like get the id of the row.
Right now the way to deal with this is by using the ContextMenuTargetId
from the ItemClickEventArgs
. Then you can, for example use js interop to get the row index or something that will help you identify the current "client" clicked.
You can see a sample here:
https://blazor-context-menu-demo.azurewebsites.net/gridsample
I do want to add "Extra Data" passed from the ContextMenuTrigger
, however due to current Blazor limitations, it would be limited to string
, so I am waiting a bit before adding something that will change in the future.
from blazorcontextmenu.
The data feature is now implemented in 0.20.
Check the sample again to see how to use:
https://blazor-context-menu-demo.azurewebsites.net/gridsample
from blazorcontextmenu.
Related Issues (20)
- blazorContextMenu.min.css returns a 404 error after updating to version 1.11.0 HOT 3
- Not overriding browser's oncontextmenu HOT 3
- 'blazorContextMenu' was undefined HOT 2
- Javascript error, when first child-Tag of an item is a Blazor component HOT 2
- Error when className is not of type string HOT 3
- Prevent from opening the context menu on child element of ContextMenuTrigger HOT 1
- In recursive structure OnClick doesn't work HOT 5
- Configurable direction of menu-open (e.g. bottom-right, top-left)
- SubMenu component doesn't use ContextMenuBase.ZIndex HOT 4
- "Cannot read properties of undefined (reading 'removeEventListener')" after closing menu HOT 3
- Support touch devices by changing to pointer events
- Scrolling menu options HOT 2
- Context menu does not close automatically if a dialogue menu is opened. HOT 1
- include blazorContextMenu.min.css and blazorContextMenu.min.js in a more Blazor like way. Reference the static files will not necessary HOT 1
- Context menu position on dialog windows HOT 2
- Disable menu item in table depending the model. HOT 2
- ContextMenuTrigger element is messing with table css rules HOT 1
- a way to detect which mouse button triggered context menu HOT 1
- "OnClick" actions not working in components HOT 2
- Uncaught (in promise) undefined HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from blazorcontextmenu.