Refreshing Treeview using Ajax

[Dennis Morales]

Hi,
Is it possible to refresh the MVC treeview using Ajax?

Thanks

[Dennis Morales]

Just an update.

I am doing the refresh of treeview nodes by dynamically replacing the
list items Elements(UL/LI) and then calling the $create

$create(Syncfusion.MVC.Tools.TreeView,
{ "AllowEdit": false, "CollapseAll": false, "DragDrop": false, "ExpandAll": false, "HTML": "treemodel", "ShowLine": true, "Skin": "WindowsXP" },
null, null, $get("treeview"));


My problem with this is that it seems that calling the $create method appends a new double click item event which does the double click event twice. (the behavior of double click on item expands the item then closes it back again). How can I prevent the double click event from being assigned to the nodes if it already exists. Thanks

[Prem Kumar D]

Hi Dennis,

Thanks for using Syncfusion products

With regards to your query, we have a work around to get rid of this problem. You can call the below method 'Unwire_TreeViewEvents' before calling the $create(.......) on ajax post

function Unwire_TreeViewEvents() {
var treeViewObj = $find("treeViewId"); //'treeViewId' - id of the control
$(treeViewObj.get_Element()).unbind('click', treeViewObj._ClickEventHandler);
$(treeViewObj.get_Element()).unbind('mouseover', treeViewObj._MouseOverHandler);
$(treeViewObj.get_Element()).unbind('mouseout', treeViewObj._MouseOutHandler);
$(treeViewObj.get_Element()).unbind('dblclick', treeViewObj._inlineEdit);
if ($.browser.opera)
$(document).unbind('keypress', treeViewObj._pressF2Key);
else
$(document).unbind('keydown', treeViewObj._pressF2Key);
}

However this method will be available internally in our upcoming release.Let me know if you have any queries.

Best Regards,
Premkumar

[Dennis Morales]

Thanks premkumar, your solution fixed the problem.

Another thing is that I am wondering if there is a method that would get all the collapsed items? That way I can collapse/expand all the previous items.

[Prem Kumar D]

Hi Dennis,

You can get the array of collapsed tree view items from the below code:

var collapsedItems = $("#MyTreeView").find('li[class~=collapse]');

where, 'MyTreeView' is the id of the treeview control

Let me know if you have any queries

Best Regards,
Premkumar

[Dennis Morales]

Thanks

[Prem Kumar D]

Hi Dennis,

We are glad to hear that your problem has been resolved. Donot hesitate to get back to us for any further queries

Best Regards,
Premkumar

[Dennis Morales]

I noticed that the click event was not firing after i called the $create method. Everything else is working fine except the click event of treeview

[Dennis Morales]

I got it already.

I forgot to pass the ClientSideNodeClick event on the create method.

$create(Syncfusion.MVC.Tools.TreeView,
{ "AllowEdit": false, "CollapseAll": false, "DragDrop": false, "ExpandAll": false, "HTML": "treemodel", "ShowLine": true, "Skin": "WindowsXP" },
{ "ClientSideOnNodeClick": ReportList_ReportsTreeClick }, null, $get("treeview"));