[Solved] Getting the checked nodes in client side

[Arun Prasath]

Hi,
Is it possible to get all the checked nodes in a treeview in client side?
In the demo example it is going to the controller with a post method to get the checked nodes.
We want to access the checked nodes in the client side with out a post back.
Please let us know about it. Some sample code will be of great help.

Many thanks.

[Atanas Korchev]

Hi Arun Prasath,

It all boils down to jQuery selectors. Here is a code snippet:

var $checkedNodes = $('#TreeView :checked').closest('.t-item');

This will return the <li> tags of the checked nodes.

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Arun Prasath]

Hi,
Thanks for the solution.

I have a treeview with three levels. i.e. parent node, then children nodes and each child node has some grand child nodes.

when I select 2 parent nodes, var $checkedNodes = $('#TreeView :checked').closest('.t-item');
returns only the first parent node with all the children.

Any help on this will be really great.

Many Thanks.

[Arun Prasath]

Hi Atanas,
Could you please let us know about the problem with getting checked nodes in client side?

(Previous post)--->
I have a treeview with three levels. i.e. parent node, then children nodes and each child node has some grand child nodes.

when I select 2 parent nodes, var $checkedNodes = $('#TreeView :checked').closest('.t-item');
returns only the first parent node with all the children.

How can I get all the checked nodes in client side?

Thanks,
Arun

[Atanas Korchev]

Hello Arun Prasath,

I tested the proposed solution in the treeview checkbox example. Everything worked as expected there - executing this (in FireBug):

$('#TreeView :checked').closest('.t-item');

returned all checked nodes. What is different in your case?

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Wai Kei]

Hi,

    That might just be a jQuery question, but after getting a list of checked nodes (li tags) via the closest method in jQuery, how do you get the value within the checkbox input? The only way that I see is to parse the outerHTML from the element but that seems to be incorrect.

    Please advise.

Thanks

[Atanas Korchev]

Hello Wai Kei,

 You can use the getItemValue method of the treeview:

var treeView = $('#TreeView').data('tTreeView');
var checkedNodes = $('#TreeView :checked').closest('.t-item');

var checkedValues = $.map(checkedNodes, function(node) {
      return treeView.getItemValue(node);
});

Regards,
Atanas Korchev
the Telerik team

[awni]

Hi, 
How would you do that with java script? I just want an array of nodes. 

thanks,
awni

[Rafael]

how pass checkedValues in controller's method?
is it javascript array on string splitted by "," ?