TreeView .Select - get text of selected node

3 posts, 0 answers
  1. Erik
    Erik avatar
    2 posts
    Member since:
    Feb 2017

    Posted 06 Mar Link to this post

    Hi everyone,

    I have aproblem with the Kendo UI TreeView and I'm looking for a solution for a while now.

    In my view I fill my TreeView like this:

                        .BindTo((IEnumerable<TreeViewItemModel>) ViewBag.inlineDefault)
                        .Events(events => events
    private IEnumerable<TreeViewItemModel> GetDefaultInlineData(ArrayList tables)
                List<TreeViewItemModel> names = tables.Cast<TreeViewItemModel>().ToList();
                List<TreeViewItemModel> inlineDefault = new List<TreeViewItemModel>
                        new TreeViewItemModel
                            Text = "Tables",
                            Items = names
                return inlineDefault;

    My onSelect funtion is the following:

        function onSelect(e) {
                type: 'POST',
                url: '/Editor/GetTableContent' ,
                data: { tableName: ?????? },
                success: function (data) {
            }).done(function () {

    It calls a mehtod in my controller that needs the name of the selected node as parameter (string) to display the content of a table in a grid.

    Is there a possibility to get what I need?

    Thx for your help!


  2. Erik
    Erik avatar
    2 posts
    Member since:
    Feb 2017

    Posted 06 Mar in reply to Erik Link to this post

    To get the text of the selected node:

    var nodeText = this.text(e.node);


    this == the TreeView(can also use e.sender instead of this)
    e.node == the selected node.

  3. Ivan Danchev
    Ivan Danchev avatar
    1326 posts

    Posted 08 Mar Link to this post

    Hello Erik,

    We are glad you have found a way to get the selected node's text. As an alternative to: this.text(e.node); you can get it through the event data like this: e.node.textContent

    Ivan Danchev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top