Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to programmatically select the root node of Kendo UI treeview

I am a Kendo UI newbie. My Asp.net MVC application has a Kendo UI treeview which is set up like follows. Each tree node has a unique Id (e.g. EmployeeId which is integer). How can I programmatically select the root node (which has Id of 1) of Kendo UI treeview and the root node's background color should be high-lighted ? Thank you for your help.

           var _root = new kendo.data.HierarchicalDataSource({
                transport: {
                    read: {
                        cache: false,
                        url: "/Employee/GetEmployees",
                        dataType: "json",
                        data: { employeeId: _selectedId}
                    }
                },
                schema: {
                    model: {
                        id: "Id",
                        hasChildren: "HasChildren",
                        expanded: "expanded",
                        parentId: "parentId",
                        ItemType: "ItemType"
                    }
                }
            });

            _tree = $("#treeView").kendoTreeView({
                dataSource: _root,
                dataTextField: "Name",
                loadOnDemand: true,                
                dataImageUrlField: "Image",
                dataBound: function (e) {
                    handleTreeDataBound(e);
                },
                select: function (e) {
                    handleSelect(e.node);
                }
            });

            treeViewCtrl = $("#treeView").data("kendoTreeView");
like image 614
Thomas.Benz Avatar asked Oct 18 '25 10:10

Thomas.Benz


2 Answers

You can also use this little piece of code:

treeview.select($('.k-item:first'));

This selects the root node. You could also expand it using:

treeview.expand($('.k-item:first'));
like image 55
Sven Möhring Avatar answered Oct 20 '25 17:10

Sven Möhring


Using the treeview's select method, this is how you select the first node:

treeViewCtrl.select($("#treeView").find(".k-item").first());

If you have more than one root node, then you'll have to use the dataItem method to get the data item and compare its id with the one you want to select.

like image 20
Lars Höppner Avatar answered Oct 20 '25 16:10

Lars Höppner



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!