@page "/grid"
@using System.Dynamic
<h3>Grid</h3>
<TelerikContextMenu @ref="@ContextMenu" Data="@MenuItems" OnClick="@((MenuItem item) => OnItemClick(item))"></TelerikContextMenu>
<TelerikGrid Data="@GridData"
             PageSize="50"
             Pageable="true"
             OnRowContextMenu="@OnContextMenu">
    <GridColumns>
        <GridColumn Field="col1" Title="Id" FieldType="typeof(string)" />
    </GridColumns>
</TelerikGrid>


@code {
    private TelerikContextMenu<MenuItem> ContextMenu { get; set; }
    private List<MenuItem> MenuItems { get; } = new() { new MenuItem { Text = "Test" } };
    private List<ExpandoObject> GridData { get; } = GenerateGridData();

    private async Task OnContextMenu(GridRowClickEventArgs args)
    {
        if (args.EventArgs is MouseEventArgs mouseEventArgs)
        {
            await ContextMenu.ShowAsync(mouseEventArgs.ClientX, mouseEventArgs.ClientY);
        }
    }

    private async Task OnItemClick(MenuItem item)
    {
        Console.WriteLine("Hello!");
    }

    private static List<ExpandoObject> GenerateGridData()
    {
        var result = new List<ExpandoObject>();

        for (int i = 0; i < 100; i++)
        {
            ExpandoObject data = new ExpandoObject();
            data.TryAdd("col1", i);
            data.TryAdd("col2", i * 131);
            result.Add(data);
        }

        return result;
    }

    public class MenuItem
    {
        public string ActionStr { get; set; }
        public string Text { get; set; }
        public Func<Task> Action { get; set; }
        public string TelerikIcon { get; set; }
        public IEnumerable<MenuItem> Items { get; set; }
        public bool Separator { get; set; }
    }
}