k-tree templates

retrieve current edited row

by valchev

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.metro.min.css">
<div id="treeView"></div>
<button onclick="append()">Append</button>

JavaScript

var treeView = $("#treeView").kendoTreeView({
    //dragAndDrop: true,
    select: onTreeViewSelect,
    dataSource: [{
        id: 1,
        text: "Item1",
        expanded: true,
        items: [
            {
            id: 2,
            text: "Item2",
            items: [
                {
                id: 5,
                text: "Item5"},
            {
                id: 3,
                text: "Item3"}
            ]},
        {
            id: 4,
            text: "Item4"},
        {
            id: 6,
            text: "Item6"}
        ]}],
    template: "<span style='color: green'>#= item.text #</span><input class='itemId' value='#= item.id #' />"
}).data("kendoTreeView");

function onTreeViewSelect(e) {
    console.log("select", e);
}

function append() {
    var item = {
        id: 7,
        text: "NewItem"
    }
    treeView.append(item);
}