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

<h3>GridTestPage</h3>
<TelerikGrid 
@ref="@TelerikGridRef"
RowDraggable="true"
Data="@DataToView"
TItem="MyData"
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)">
        </GridColumn>
        <GridColumn Editable="false" Field="Min" FieldType="typeof(int)">
        </GridColumn>
        <GridColumn Editable="false" Field="Max" FieldType="typeof(int)">
        </GridColumn>
    </GridColumns>
</TelerikGrid>
@code {

    private class MyData
    {
        public int Min { get; set; }
        public int Id { get; set; }
        public int Max { get; set; }
    }

    private TelerikGrid<MyData> TelerikGridRef { get; set; }

    private List<MyData> _dataToView { get; set; } = [];

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

            return _dataToView;
        }
    }
}