向Bootstrap Treeview节点添加按钮

时间:2016-04-04 08:20:54

标签: javascript twitter-bootstrap twitter-bootstrap-3 treeview kendo-treeview

我有一个有两个级别的bootstrap树视图。我需要在树视图中的不同节点添加不同的按钮。

这是我的结构

var tree = [
  {
    text: "Parent 1",
    nodes: [
      {
        text: "Child 1",
        nodes: [
          {
            text: "Grandchild 1"
          },
          {
            text: "Grandchild 2"
          }
        ]
      },
      {
        text: "Child 2"
      }
    ]
  }

];

我需要在每个子节点(此处为Child 1& Child 2)上显示一个按钮作为“Upload”,并且需要添加两个名为“Delete”&的按钮。在孙子级别“下载”。

引导树视图中的节点模板是否像Kendo treeview一样?

1 个答案:

答案 0 :(得分:1)

请按照上面的

进行操作
 var btnid = 'btnEdit_node_' yourrecordid;
    var button = " <div/><button type='button'  id='btnEdit_" + data.id + "'  class='btn btn-primary' onclick='exxecutefunction()'>" +
        "<i class='glyphicon glyphicon-edit'></i> Edit" +
        "</button>";

    var node = {};
    node.text = data.description + button;