Blazor DataGrid Checkbox Column OnClick Event

gary beasley 2

created 5 years ago (modified 5 years ago)

I have a datagrid with a boolean column called IsActive. I have been able to format the the displaytemplate for the column to show the checkbox in the column, but I can't seem to figure out how to do something on the click event.

Here's my column definition:

Razor
<DxDataGridColumn Field="@nameof(Violation.IsActive)" Caption="Active" Width="60px" TextAlignment="@DataGridTextAlign.Center">
                                <DisplayTemplate Context="context">
                                    @{
                                        var id = Guid.NewGuid().ToString();
                                        var isActive = (context as Violation).IsActive;
                                        <input id="@id" type="checkbox" checked="@isActive" onclick="@(UpdateIsActive())"/>
                                    }
                                </DisplayTemplate>

<EditTemplate Context="context">
                                    <DxCheckBox Checked="@nameof(Violation.IsActive)"></DxCheckBox>
                                </EditTemplate>
                            </DxDataGridColumn>

How can I make the onclick event call into my C# code?

Thanks in advance!

Gary

Answers approved by DevExpress Support

Vova (DevExpress Support)

created 5 years ago

Hello Gary,

I recommend you use the onchange event and add the @ symbol before it. Also, I recommend you pass its parameter to the corresponding handler:

Razor
<input id="@id" type="checkbox" checked="@isActive" @onchange="@((e) => UpdateIsActive(e))" />

Then, you can add the following handler:

C#
void UpdateIsActive(ChangeEventArgs e) {
    var test = e.Value;
}

You can also use our own CheckBox component with its CheckedChanged event.

Regards,
Vova

Comments (1)

gary beasley 2 5 years ago

Thank you so much Vova, you're a rock star!

Blazor DataGrid Checkbox Column OnClick Event

Answers approved by DevExpress Support

Recently viewed tickets