How to make only one checkbox checked at a time
Article Info
Rating: Not rated
|
Article relates to
|
RadTreeView 6.3 "classic"
RadTreeView AJAX (Prometheus)
|
|
Created by
|
Veskoni, Telerik
|
|
Last modified
|
07.02.2008
|
|
Last modified by
|
Veskoni, Telerik
|
HOW-TO
Make only one checkbox to be checked at any time.
SOLUTION
The solution is pretty much straight-forward. Hook on the AfterClientCheck event, loop through all nodes and uncheck them if they are different from the currently checked node.
Implementation for RadTreeView 6.3 "classic"
| <rad:RadTreeView ID="RadTreeView1" |
| runat="server" |
| CheckBoxes="True" |
| AfterClientCheck="afterClientCheck"> |
| <script type="text/javascript"> |
| function afterClientCheck(node) |
| { |
| if (node.Checked) |
| { |
| var tree = node.TreeView; |
| for (var i = 0; i < tree.AllNodes.length; i++) |
| { |
| if (tree.AllNodes[i] != node) |
| tree.AllNodes[i].UnCheck() |
| } |
| } |
| } |
| </script> |
Implementation for RadTreeView Ajax (Prometheus)
| <telerik:RadTreeView ID="RadTreeView1" |
| runat="server" |
| CheckBoxes="True" |
| OnClientNodeChecked="afterClientCheck"> |
| <script type="text/javascript"> |
| function afterClientCheck(tree, eventArgs) |
| { |
| var node = eventArgs.get_node(); |
| if (node.get_checked()) |
| { |
| for (var i = 0; i < tree.get_allNodes().length; i++) |
| { |
| if (tree.get_allNodes()[i] != node) |
| tree.get_allNodes()[i].set_checked(false); |
| } |
| } |
| } |
| </script> |
Comments
There are no comments yet.
If you'd like to comment on this KB article, please, send us a Support Ticket.
Thank you!
Please
Sign In
to rate this article.