如何在追加时给出不同的身份?

时间:2014-05-03 14:54:09

标签: javascript jquery kendo-ui

我在嵌套列表中附加数据。我成功追加数据不是我想给时间id。 我从这个链接学习

http://docs.telerik.com/kendo-ui/api/web/treeview#methods-append

HTML:

<div id="treeview"></div>
<button id="test">test</button>

JavaScript的:

$(function () {
  $("#treeview").kendoTreeView({
    dataSource: [
      { text: "foo" }
    ]
  });
  $('#test').click(function () {  
    var treeview = $("#treeview").data("kendoTreeView");
    treeview.append({ text: "bar" });
    treeview.append({ text: "b" });
    treeview.append({ text: "bar" });
    // appends a new node to the root level
    //treeview.append({ text: "baz" }, $("#treeview .k-item:first"));
    treeview.append(treeview.findByText("bar"), treeview.findByText("b")); 
  });
});

我在这里制作了演示http://jsbin.com/suhujewi/1/edit?html,js,console,output

1 个答案:

答案 0 :(得分:0)

试试这个:http://jsfiddle.net/lotusgodkk/3j9kL/49/

使用Javascript:

$("#treeview").kendoTreeView({
   dragAndDrop: true
});
var treeview = $("#treeview").data("kendoTreeView");
treeview.append({ text: "Naveen",expanded : true }, $("#treeview"));
var foundNode = treeview.findByText("Naveen");
foundNode.attr("id", "3");

HTML:

<ul id="treeview">
    <li id="1" data-expanded="true">Foo</li>
    <li id="2" data-expanded="true">Bar</li>
</ul>

您可以根据自己的需要进行修改。