Hello
I am using syncfusion grid and whene I clicked the F2 shortcut it shows a
in my case I use this shortcut to show a modal and it works but it also show this
I need to disable this behaivor how can I do it
thank you
Hi Saadia,
We reviewed your query, and it seems that when pressing F2, you want to show a
custom dialog and prevent the default F2 function. We have achieved this
requirement using a JavaScript solution. Please refer to the code snippet and
sample provided for more information.
|
@code { private SfGrid<Order> Grid; private bool IsModalOpen = false;
private List<Order> Orders = new List<Order> { new Order { OrderID = 1, CustomerID = "ALFKI", ShipCountry = "Germany" }, new Order { OrderID = 2, CustomerID = "ANATR", ShipCountry = "Mexico" }, new Order { OrderID = 3, CustomerID = "ANTON", ShipCountry = "USA" }, new Order { OrderID = 4, CustomerID = "ANATR", ShipCountry = "Russia" }, new Order { OrderID = 5, CustomerID = "ALFKI", ShipCountry = "UK" }, };
protected override async Task OnAfterRenderAsync(bool firstRender) { if (firstRender) { await JSRuntime.InvokeVoidAsync("preventSyncfusionF2", DotNetObjectReference.Create(this)); } }
[JSInvokable] public void OpenModal() { IsModalOpen = true; StateHasChanged(); }
private void CloseModal() { IsModalOpen = false;
} document.addEventListener("keydown", function (event) { if (event.key === "F2") { event.preventDefault(); event.stopImmediatePropagation(); dotNetRef.invokeMethodAsync("OpenModal"); } }, true); };
|
Please get back to us if you have any concerns.
Regards,
Naveen
