<TelerikCard>
                <CardBody Class="gsi-padding-0">
                    <TelerikButton OnClick="@SetTreeListExpandedItems"
                                   Class="gsi-width-100pct">
                        Expand/Collapse Groups
                    </TelerikButton>
                </CardBody>
            </TelerikCard>

            <TelerikTreeList @ref=TreeListRef
                             Data="@Groups"
                             SelectedItems="@SelectedGroups"
                             IdField="@nameof(Gsi.Customer.Models.Group.Id)"
                             ParentIdField="@nameof(Gsi.Customer.Models.Group.ParentId)"
                             OnStateInit="((TreeListStateEventArgs<Gsi.Customer.Models.Group> args) => OnStateInitHandler(args))"
                             Pageable="false"
                             Sortable="false"
                             SelectionMode="TreeListSelectionMode.Single"
                             FilterMode="@TreeListFilterMode.FilterMenu"
                             SelectedItemsChanged="@((IEnumerable<Gsi.Customer.Models.Group> m) => OnGroupSelected(m))">
                <TreeListColumns>
                    <TreeListColumn Field="Name" Title="Group Filter" Expandable="true">
                        <Template>
                            @{
                                var item = context as Gsi.Customer.Models.Group;
                                <img height="32" width="32" src="@item.ImageUrl" />
                                @item.Name
                            }
                        </Template>
                    </TreeListColumn>
                </TreeListColumns>
            </TelerikTreeList>

<div style="@((DialogOpen) ? "visibility: hidden;" : "visibility: visible;")">
    <TelerikChart Height="200px">
        <ChartZoomable Enabled="false"></ChartZoomable>
        <ChartPannable Enabled="false"></ChartPannable>

        <ChartSeriesItems>
            <ChartSeries Type="ChartSeriesType.Column" Name="min/100m" Data="@GraphData" Field="@nameof(GraphData)" Color="#9edfff">
            </ChartSeries>
        </ChartSeriesItems>

        <ChartCategoryAxes>
            <ChartCategoryAxis Categories="@GraphX.ToArray()"></ChartCategoryAxis>
        </ChartCategoryAxes>

        <ChartLegend Position="ChartLegendPosition.Bottom">
        </ChartLegend>

        <ChartTitle Text=""></ChartTitle>
    </TelerikChart>
</div>

	private void OnEdit(GridCommandEventArgs e)
	{
		MyModel model = (MyModel)e.Item;
		if (e.Field == nameof(MyModel.KeyTypeId))
		{
			IEnumerable<byte> typeIdsInUse = Data.Select(x => x.KeyTypeId).Except([model.KeyTypeId]).ToArray();
			KeyTypesForDropDown = KeyTypes!.Where(x => !typeIdsInUse.Contains(x.KeyTypeId)).ToList();
			if (KeyTypesForDropDown.Count == 0)
			{
				Notification.Show("There are no more keys available to add.", ThemeConstants.Notification.ThemeColor.Warning);
				e.IsCancelled = true;
			}
		}
	}

		GridCommandEventArgs args = new()
		{
			Item = new MyModel(),
		};
		await grid.InvokeAsync(() => grid.Instance.OnAdd.InvokeAsync(args));
		await grid.InvokeAsync(() => grid.Instance.OnCreate.InvokeAsync(args));

		var state = grid.Instance.GetState();
		state.OriginalEditItem = state.EditItem = (MyModel)args.Item;
		await grid.Instance.SetStateAsync(state);
		grid.Render();

		var rows = grid.FindComponent<GridRowCollection<MyModel>>();
		rows.Render();
		state = grid.Instance.GetState();
		state.EditField = nameof(MyModel.KeyTypeId);
		await grid.Instance.SetStateAsync(state);
		grid.Render();
		rows.Render();
		var row = rows.FindComponent<GridRow<MyModel>>();
		Assert.True(row.HasComponent<GridEditCell<MyModel>>());