Hello Faustino,

In order to handle the "checkbox clicked" event on the client side, for an UnboundCheckBoxField, you would need to handle the CellValueChanged event of the EditingCore behavior. It could be done with the following markup:

  <ig:EditingCore EnableInheritance="true" EditingClientEvents-CellValueChanged="CellValueChanged">

                        <Behaviors>

                            <ig:CellEditing>

                            </ig:CellEditing>

                        </Behaviors>

</ig:EditingCore>

The code for the event should be similar to the code below:

function CellValueChanged(sender, e) {

            if (e.get_cell().get_column().get_key() === 'UnboundCheckBox') {

                var row = e.get_cell().get_row();

                var cellValue = e.get_cell().get_value();                               

                // perform any operation you need

            }

        }

Additionally, if you would like to handle the click event of the header checkbox, you can use the HeaderCheckBoxClicked event of the grid.

Regarding server-side events, they are not bound to any behavior, unlike the client-side events, so handling the event could be done in the markup, inside the tag of the WebDataGrid or in code behind by assigning a handler for the event you are interested in.

There is also no equivalent for the CellValueChanged event on the server, however the RowUpdating event could be used, which is raised once the user has finished editing of a certain row. There you could access the values of the bound and unbound fields in the event similar to how a value is accessed from a dictionary with key/value pairs, where the keys are the keys of the fields. The following properties of the event should be used e.Values[“key”] ir e.UnboundValues[“key”]. The following code could be used as a reference:

protected void WebHierarchicalDataGrid1_RowUpdating(object sender, RowUpdatingEventArgs e)

        {

            bool? val = (bool)e.UnboundValues["UnboundCheckBox"];

            if (val != null) {

                Debug.WriteLine("RowIndex: "+ e.Row.Index + "\nValue: " + val);               

            }

        }

Please let me know if you need any further assistance.

Regards,
Ivan Kitanov

Rewording the example at "">www.infragistics.com/.../webdatagrid-handle-an-event-in-webdatagrid" it should be something like:

AddHandler Me.WebDataGrid1.Behaviors.EditingCore.EnableInheritance = True
AddHandler Me.WebDataGrid1.Behaviors.EditingCore.EditingClientEvents.CellValueChanged, AddressOf EditingCore_CellValueChanged 
' Assign to the property the name of your client-side function 
Me.WebDataGrid1.Behaviors.EditingCore.EditingClientEvents.CellValueChanged = "CellValueChanged"

but it doesn't work. It gives me two compiler errors:

• 'CellValueChanged' is not an event of 'EditingClientEvents'.
• 'EditingCore_CellValueChanged' is not declared. It may be inaccessible due to its protection level.

(I can't use the markup in our task because we are using the WebDataGrid in a Web Forms custom control and the behaviors are aded programmatically. Even the EditingCore behavior is added only when the UnboundCheckboxField is requested to be shown)