<TelerikTreeList Data="@AllRows"
                    ItemsField="ChildRows"
                    HasChildrenField="HasChildren"
                    SelectionMode="TreeListSelectionMode.Multiple"
                    SelectedItems="SelectedRows"
                    SelectedItemsChanged="@SelectedRowsChanged"
                    TItem="@RowData">

    <TreeListColumns>
        <TreeListCheckboxColumn Locked="true" Width="40px" />

        <TreeListColumn Field="Value1"></TreeListColumn>
        <TreeListColumn Field="Value2"></TreeListColumn>
        <TreeListColumn Field="Value3"></TreeListColumn>
        <TreeListColumn Field="Value4"></TreeListColumn>
    </TreeListColumns>

</TelerikTreeList>

@SelectedRows?.Count()

@if (ShouldRenderChart)
{
    <TelerikChart>
            <ChartSeriesItems>
            @if ( SelectedRows is not null)
            {
                @foreach (RowData row in SelectedRows)
                {
                    var adatok = row.DataList.Select( c => (object)c );

                    <ChartSeries Type="ChartSeriesType.Column" Data="@adatok">
                    </ChartSeries>
                }
            }
        </ChartSeriesItems>
        <ChartValueAxes>
            <ChartValueAxis>
                <ChartValueAxisLabels></ChartValueAxisLabels>
            </ChartValueAxis>
        </ChartValueAxes>

        <ChartCategoryAxes>
            <ChartCategoryAxis>
                <ChartCategoryAxisLabels Font="bold 14px 'Times New Roman'" />
            </ChartCategoryAxis>
        </ChartCategoryAxes>

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

    </TelerikChart>
}

@code {

    
    public List<RowData>? AllRows { get; set; }
    public IEnumerable<RowData>? SelectedRows { get; set; } = new List<RowData>();
    private bool ShouldRenderChart { get; set; } = true;

    private async Task SelectedRowsChanged(IEnumerable<RowData> newRows)
    {
        SelectedRows = newRows;

        if (SelectedRows.Count() == 0)
        {
            ShouldRenderChart = false;
            await Task.Delay(1);
            ShouldRenderChart = true;
        }
    }

    protected override async Task OnAfterRenderAsync( bool first )
    {
        if ( !first )
            return;

        AllRows = new List<RowData>()
        {
            new RowData()
            {
                DataList = new List<int>() { 3, 6, 9, 4 }
            },
            new RowData()
            {
                DataList = new List<int>() { 5, 3, 2, 7 }
            },
            new RowData()
            {
                DataList = new List<int>() { 8, 3, 9, 6 }
            },
            new RowData()
            {
                DataList = new List<int>() { 4, 5, 1, 0 }
            },
        };

        StateHasChanged();
    }


    public class RowData
    {

        public List<RowData> ChildRows { get; set; } = new List<RowData>();
        public bool HasChildren { get; set; } = false;

        public List<int> DataList { get; set; } = new List<int>() { 0, 0, 0, 0 };

        public int Value1
        {
            get
            {
                return DataList[0];
            }
        }

        public int Value2
        {
            get
            {
                return DataList[1];
            }
        }

        public int Value3
        {
            get
            {
                return DataList[2];
            }
        }

        public int Value4
        {
            get
            {
                return DataList[3];
            }
        }

    }
}