Clicking checkbox on node quickly doesn't always work properly

[Kyle]

Using version 2013.1.417.35 and Internet Explorer 10.

If you attempt to check/uncheck the checkbox of a node in a RadTreeView quickly, the node does not always successfully check or uncheck.  (No postbacks occur.)  Is there a reason for this, or is it a small bug?

Thanks,
Kyle

[Bozhidar]

Hi Kyle,

This behavior is caused by a quirk in IE and can be reproduced with a simple <input type='checkbox' /> element. The reason for this is that IE has a different flow of events when you doubleclick something. The issue is explained in the following article:
http://webbugtrack.blogspot.com.br/2008/01/bug-263-beware-of-doubleclick-in-ie.html

Since the second click event isn't fired, the checkbox is checked only once. We will include a fix for this quirk in the RadTreeView, but in the meantime you can use the following workaround:

(function() {
    $telerik.$("input[type='checkbox']")
        .on("dblclick", function(event) {
            if ($telerik.isIE) {
                event.target.click();
            }
        });
}());

 
Regards,
Bozhidar
Telerik

[Ratnesh]

Hi Kyle ,

can you provide the solution for the below-

1.how can i add $telerik in my MVC application. its shows "$Telerik" is undefined.
2. In Kendo Treeview , When I checked all checkboxes for saving data ,its saved in database, but when I am retrieving data from
database ,all checkboxes showing unchecked.this problem exist with Internet Explorer 10 even chrome and firefox working fine.

Thanks

Ratnesh

[Ratnesh]

Hi Bozhidar ,

can you provide the solution for the below-

1.how can i add $telerik in my MVC application. its shows "$Telerik" is undefined.

2. In Kendo Treeview , When I checked all checkboxes for saving data ,its saved in database, but when I am retrieving data from

database ,all checkboxes showing unchecked.this problem exist with Internet Explorer 10 even chrome and firefox working fine.



Thanks



Ratnesh

[Alex Gyoshev]

Hello Ratnesh,

The provided work-around is for the UI for ASP.NET AJAX. We could not reproduce the said problem in the online demos, but here is the code ported to Kendo UI:

$("input[type='checkbox']")

        .on("dblclick", function(e) {

            if (kendo.support.browser.msie) {

                e.target.click();

            }

        });

Regards,
Alex Gyoshev
Telerik