kendo ui treelist-設置單元格模板

Question

我想在Kendo TreeList每個單元格中設置一個跨度，默認情況下我在Kendo Grid獲得此跨度，但是我無法在Kendo TreeList設置此范圍

劍道網格

    <td role="gridcell" title="Control Box">
          <span ng-bind="dataItem.partdesc" class="ng-binding">Control Box</span>    
    </td>

劍道樹列表：

    <td role="gridcell" title="Control Box"></td>

Answer 1

我建議您采用兩種解決方法，首先可以使用列模板 （但是，如果您希望每個單元格都具有您所描述的跨度，則必須修改所有列），例如

$("#treelist").kendoTreeList({
  columns: [ {
    field: "name",
    template: "<span class='Test'>#:name#</span> "
  }],
  dataSource: [ { name: "Jane Doe" }, { name: "John Doe" } ]
});

演示

或者您可以在數據綁定上插入跨度，例如

$("#treeList").kendoTreeList({
      columns: [
        { field: "Name" },
        { field: "Position" }
      ],
      dataSource: [
        { id: 1, Name: "Daryl Sweeney", Position: "CEO", parentId: null },
        { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", parentId: 1 }
      ],
      dataBound: function(e) {
        e.sender.table.find("td[role='gridcell']").append("<span class='test'>Test</span>");
      }
 });

演示