<DiagramShapes>
    @foreach (Node node in Nodes)
    {
        <DiagramShape Id="@node.LinkID" >
            <DiagramShapeContent Text="@node.GetDisplayName()" />
            <DiagramShapeFill Color="@node.GetColor()"/>
        </DiagramShape>
    }
</DiagramShapes>

async Task OnPersonClick(DiagramShapeClickEventArgs Args)
{
    foreach (Node node in Nodes)
    {
        if (node.LinkID.Equals(Args.Id))
            node.State = SelectedState.True;
        else
            node.State = SelectedState.False;
    }
}

<TelerikWindow Visible=true>
    <WindowContent>
            <TelerikTreeView Data="@TreeData">
                <TreeViewBindings>
                    <TreeViewBinding>
                        <ItemTemplate>
                            @{
                                TreeItem itm = context as TreeItem;
                                <span @onclick="@( _ => NodeClick(itm) )">
                                    Node:
                                    <strong>@itm.Text</strong>
                                </span>
                            }
                        </ItemTemplate>
                    </TreeViewBinding>
                </TreeViewBindings>
            </TelerikTreeView>
    </WindowContent>
</TelerikWindow>

@code {
    string result { get; set; }
    async Task NodeClick(TreeItem clickeNode)
    {
        result = $"Last clicked node Id: {clickeNode.Id}";
    }

    // sample data

    public IEnumerable<TreeItem> TreeData { get; set; }

    public class TreeItem
    {
        public string Text { get; set; }
        public int Id { get; set; }
        public List<TreeItem> Items { get; set; } = new List<TreeItem>();
        public bool HasChildren { get; set; }
    }

    protected override void OnInitialized()
    {
        LoadHierarchical();
    }

    private void LoadHierarchical()
    {
        List<TreeItem> roots = new List<TreeItem>() {
            new TreeItem { Text = "Item 1", Id = 1, HasChildren = true },
            new TreeItem { Text = "Item 2", Id = 2, HasChildren = true }
        };

        roots[0].Items.Add(new TreeItem
        {
            Text = "Item 1 first child",
            Id = 3

        });

        roots[0].Items.Add(new TreeItem
        {
            Text = "Item 1 second child",
            Id = 4

        });

        roots[1].Items.Add(new TreeItem
        {
            Text = "Item 2 first child",
            Id = 5

        });

        roots[1].Items.Add(new TreeItem
        {
            Text = "Item 2 second child",
            Id = 6

        });

        TreeData = roots;
    }
}

<GridColumn Field=@nameof(BookingEquipmentCommodityModel.ItemCount) Title="Count" Width="1.5rem" />

                                <GridColumn Field=@nameof(BookingEquipmentCommodityModel.CommodityWeight) Editable="true" Title="Weight" Width="3rem">
                                    <Template Context="cwContext">
                                        @{
                                            var cw = (BookingEquipmentCommodityModel)cwContext;
                                        }
                                        <TelerikNumericTextBox @bind-Value="@cw.CommodityWeight" Arrows="false"></TelerikNumericTextBox>
                                    </Template>
                                </GridColumn>

    private async Task OnBookingGridRead(GridReadEventArgs args)
    {
            // Are any filters selected, if so we need to work from the filtered List
            if (args.Request.Filters.Count > 0)
            {

                await TrimFilters(args.Request.Filters);

    // Removes white space (aka Trim) on any filter input 
    private Task TrimFilters(IList<IFilterDescriptor> filters)
    {
        // Cycle the filters and trim Values
        foreach (var filterDescriptor in filters)
        {
            switch (filterDescriptor)
            {
                case FilterDescriptor singleFilterDescriptor:
                    // Only one filter
                    singleFilterDescriptor.Value = singleFilterDescriptor.Value.ToString()?.Trim();
                    break;
                case CompositeFilterDescriptor compositeFilter:
                {
                    foreach (var subFilter in compositeFilter.FilterDescriptors)
                    {
                        if (subFilter is FilterDescriptor singleSubFilter)
                        {
                            singleSubFilter.Value = singleSubFilter.Value.ToString()?.Trim();
                        }
                    }

                    break;
                }
            }
        }

        return Task.CompletedTask;
    }

public static string GetGridColumnStateJsonScaled<T>(TelerikGrid<T> grid)
{
    var gridTotalWidth = grid.GetState().TableWidth;
    var states = grid.GetState().ColumnStates;
    if (gridTotalWidth.EndsWith("px"))
    {
        var gridWidthPx = decimal.Parse(gridTotalWidth, CultureInfo.InvariantCulture);
        if (gridWidthPx != 0)
        {
            foreach (var state in states.Where(_ => _.Width.EndsWith("px")))
            {
                var colWidthpx = decimal.Parse(state.Width, CultureInfo.InvariantCulture);
                var ratio = Math.Round(colWidthpx * 100 / gridWidthPx, 3);
                state.Width = ratio.ToString(CultureInfo.InvariantCulture) + "%";
            }
        }
    }
    var json = JsonSerializer.Serialize<ICollection<GridColumnState>>(states);
    return json;
}