RadzenDataGrid : how to get the column I clicked?

Radzen.Blazor Components
1

Hello,
I have a RadzenDataGrid and the columns is dynamic.
How could I get the clicked column when I click a "RadzenDataGrid" row?

Thank you!

image
image802×130 2.19 KB 

<RadzenDataGrid Data="@Data"
                TItem="RowType"
                ColumnWidth="140px"
                RowClick="(arg)=>RowClick(arg)">

    <Columns>
        @{
            //create the columns
            for (var i = 0; i < 3; i++)
            {
                <RadzenDataGridColumn TItem="RowType"
                                      Property=""
                                      Title="@(Columns[i])">

                    <Template Context="context">
                        <a href="javascript:void(0);" @onclick="@(()=>TableCellClick1(context))">
                            <div style="opacity: 0; width:100%; height:20px"></div>
                        </a>
                    </Template>
                </RadzenDataGridColumn>
            }
        }

    </Columns>
</RadzenDataGrid>


@code {
    class RowType
    {
        public string Article { get; set; }
    }

    private List<string>
    Columns = new List<string>() { "C1", "C2", "C3" };


    private List<RowType> Data = new List<RowType>()
     {
                new RowType() { Article = "001" },
                new RowType() { Article = "002"},
     };

    private void RowClick(DataGridRowMouseEventArgs<RowType> args)
    {
    }

    private async Task TableCellClick1(RowType article)
    {
    }
}
2

Pass it as a parameter to your TableCellClick1 method:

@onclick="@(()=>TableCellClick1(context, Columns[i]))"
3

Thanks for you quickly response!
I can't use "i" in "Columns[i]".
Because it always equal to 3.

4

Create a temp variable then:

for (var i = 0; i < 3; i++) 
{
var index = i; 

...
@onclick="@(()=>TableCellClick1(context, Columns[index]))"
5

Thanks a lot！ It runs perfectly.