@page "/gridtestpage"
@using Microsoft.IdentityModel.Tokens
@using Telerik.Blazor;
@using Telerik.Blazor.Components;

<h3>GridTestPage</h3>
<TelerikGrid 
@ref="@TelerikGridRef"
RowDraggable="true"
Data="@DataToView"
TItem="Dictionary<string, int>"
Pageable="false"
Reorderable="false"
Resizable="true"
Groupable="false"
Sortable="false"
SelectionMode="GridSelectionMode.Single"
FilterMode="GridFilterMode.None"
EditMode="GridEditMode.Inline"
Navigable="true">
    <GridSettings>
        <GridRowDraggableSettings DragClueField="Id"></GridRowDraggableSettings>
    </GridSettings>
    <GridColumns>
        <GridColumn Editable="false" Field="Id" FieldType="typeof(int)">
            <Template>
                @if (context is Dictionary<string, int> items)
                {
                    @items["Id"]
                }
            </Template>
        </GridColumn>
        <GridColumn Editable="false" Field="Min" FieldType="typeof(int)">
            <Template>
                @if (context is Dictionary<string, int> items)
                {
                    @items["Min"]
                }
            </Template>
        </GridColumn>
        <GridColumn Editable="false" Field="Max" FieldType="typeof(int)">
            <Template>
                @if (context is Dictionary<string, int> items)
                {
                    @items["Max"]
                }
            </Template>
        </GridColumn>
    </GridColumns>
</TelerikGrid>
@code {
    private TelerikGrid<Dictionary<string, int>> TelerikGridRef { get; set; }

    private List<Dictionary<string, int>> _dataToView { get; set; } = [];

    private List<Dictionary<string, int>> DataToView
    {
        get
        {
            if (_dataToView.IsNullOrEmpty())
            {
                _dataToView.Add(new Dictionary<string, int>()
                {
                    {"Id", 1},
                    {"Min", 2},
                    {"Max", 3},
                });
                _dataToView.Add(new Dictionary<string, int>()
                {
                    {"Id", 2},
                    {"Min", 3},
                    {"Max", 4},
                });
                _dataToView.Add(new Dictionary<string, int>()
                {
                    {"Id", 3},
                    {"Min", 4},
                    {"Max", 5},
                });
            }

            return _dataToView;
        }
    }
}