This is a migrated thread and some comments may be shown as answers.

Treeview disables, not the expand element

6 Answers 722 Views

TreeView

This is a migrated thread and some comments may be shown as answers.

Freddy asked on 19 Jul 2013, 11:39 AM

Hi,

I have a treeview widget with a single root node which is disabled at page load and is set to on demand loading. Problem is that the treeview node itself is properly disabled but the expand button is not. When I click on the expand button the sub-items are loaded and displayed. When I then try to collapse the node again I can't. When I enable and disable the treeview again _after_ sub items were loaded under the root node the behavior is correct again. I.E. I can no longer expand the root node.

I disable the treeview using $("#treeview").data("kendoTreeView").enable('.k-item', false);
I can see the same behavior on IE 10, Firefox 20.0.1 and Chrome 28.0.1500.72.
I am using the MVC wrappers version 2013.1.514.

I apologize if this has been reported before. I did search the forums but could not find this issue anywhere.

6 Answers, 1 is accepted

answered on 13 Nov 2015, 02:05 PM

Hi Dimiter,

My Kendo version is "2015.3.930".

I wanted to disable few items in the tree-view and I've done it, the code is below. Is this the right way to do it ?

function DiableVarTreeNodes() {
//Get all the Tree View item IDs, which you going to disable, this is being passed from server-side and stored in hidden field
var disableIds = $("#VarIDToDiable").val();
var arrDisableIds = disableIds.split(',');
var treeview = $("#VariablesTree").data("kendoTreeView");
var dataSource = treeview.dataSource;
//Loop thru the each Ids of the Treeview, for the ones you want to disable
for (var j = 0; j < arrDisableIds.length; j++)
{
var dataItem = dataSource.get(arrDisableIds[j]); // find item with id
//dataItem.hasChildren = false;
//dataItem.indeterminate = false;
var node = treeview.findByUid(dataItem.uid);
$(node.children()).find('input:checkbox').prop("checked", false);//Clear the check-box selection
$(node.children()).find('input:checkbox').prop("indeterminate", false);//Clear check box if its partially selected
$(node.children().children()[0]).removeClass() //Remove the css class for the expand collapse arrow
$(node.children().children()[0]).addClass("k-icon k-plus-disabled"); //Add back it with disabled
treeview.enable(node, false); //disable tree items
}
}

Thanks

Sree

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Treeview disables, not the expand element

6 Answers, 1 is accepted