Razor TreeView - how are checked notes posted?

[Derek]

Hi,

Edit: the subject of this thread should contain "nodes" not "notes".

I wasn't able to find documentation on how checked nodes from a Kendo TreeView (MVC Razor) are posted to the server.  With your ASP.NET MVC extensions, I used a method on my controller of the form:

[AcceptVerbs(HttpVerbs.Post)]

 public ActionResult Update(FormCollection formCollection, List<TreeViewItem> treeView_checkedNodes)

When I use this approach with Kendo, the method is invoked but the treeView_checkedNodes argument is null.

If this is the right approach, then I can post more code so that you might help me find the problem.  But otherwise please advise as to how to obtain, from an MVC controller on the server, the TreeView's checked items.

thanks,
Derek

[Petur Subev]

Hello Derek,

The default name under which the checked items are send is checkedNodes and only the Id is sent ( not the whole TreeViewItem) so you need an array of string/int called checkedNodes.

i.e.

public ActionResult Checkboxes(string[] checkedNodes)

or


public ActionResult Checkboxes(int[] checkedNodes)

Kind Regards,
Petur Subev
the Telerik team

[Derek]

Thanks Petur - that works.

For those who are interested, a few points:

• The name of the argument to the action method must be checkedNodes.
• The items in the checkedNodes array are the id's (see TreeViewItem.Id) of the checked nodes, so it's important to assign the Id property of each item (and do so in a way that the checked nodes can be parsed/interpreted in the action method).
• The action method can include an argument of type FormCollection as well.
• I'm not sure the circumstances under which the argument could be type int[], as I thought the array was derived from the TreeViewItem.Id property (which is a string), but perhaps Petur or others can clarify.

Sincerely,
Derek

[Eran]

What if i want to use several Tree views in one post? how can do I post back to mvc controller? can I set the parameter name ?

[Sean Mars]

Eran, I would also like to know how that property name can be changed if I have more than one tree view. 

[Alex Gyoshev]

Starting with the latest internal build, you can set the parameter name through the Name method of the Checkboxes fluent API:

.Checkboxes(cb => cb.Name("foo"))

Previous builds required setting a custom checkbox template in order to change the name. 

Regards,
Alex Gyoshev
Telerik

[Sean Mars]

Alex, can you verify, but the "change" event for TreeView now does not get fired for checkboxes assigned a Name property. Where  before the TreeView "change" event fire once I clicked in a checkbox. 

[Alex Gyoshev]

Hello Sean,

The TreeView change event does not relate to the checkboxes -- it is only fired when the selected node has changed (i.e. the node is highlighted). If you need to listen to the checkbox change events, you can do so through the following jQuery:

    $("#treeview").on("change", ":checkbox", function(e) { /* code here */ });

Regards,
Alex Gyoshev
Telerik