[CLOSED] How to handle the Checkbox Check client event?

[vadym.f]

Hi,

A Checkbox in a form panel is bound to the grid's CheckColumn on a page. I have a Check listener attached to the checkbox in the markup that should enable a few buttons in response to the Check event triggered by the user. However, the Check event is fired every time when the grid is loaded. I've attempted to leverage the Change listener but it fires only when the focus shifts away from the Checkbox.

Is there any way to handle this situation so that only user-triggered check event on the Checkbox is handled?

Thanks,

Vadym

[Daniil]

Hi,

This way:

Example

<ext:Checkbox runat="server" DataIndex="test3">
    <Listeners>
        <AfterRender Handler="this.el.on('change', function (e, el) { alert(el.checked); });" />
    </Listeners>
</ext:Checkbox>

[vadym.f]

Thanks Daniil!

That works great doing exactly what I need!

In the process, I learned that I can't have more than one field in the databound form with the same DataIndex. I couldn't understand why a checkbox in a form panel wouldn't get data bound from the grid master record until I realized that there was already a form field with the same DataIndex. I guess, that shouldn't be allowed.

Vadym

[Daniil]

Yes, DataIndex must be unique.

[vadym.f]

Hi Daniil,

The AfterRender handler still requires that the checkbox focus be lost to fire in IE8 (it's OK in IE9 and other major browsers' latest versions) . Is there any tweak for IE8?

Thanks,

Vadym

[Daniil]

Please use "click" instead of "change".

Example

this.el.on('click', function (e, el) { alert(el.checked); });

[vadym.f]

Please use "click" instead of "change".

Example

this.el.on('click', function (e, el) { alert(el.checked); });

Thanks Daniil! That meets the requirement for both IE8 and IE9!

Vadym