首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >kendo ui treelist - set单元模板

kendo ui treelist - set单元模板
EN

Stack Overflow用户
提问于 2015-06-30 01:24:11
回答 1查看 1.4K关注 0票数 0

我想在Kendo TreeList的每个单元格中设置一个span,默认情况下我在Kendo Grid中得到它,但是我不能在Kendo TreeList中设置这个

剑道格网:

代码语言:javascript
复制
    <td role="gridcell" title="Control Box">
          <span ng-bind="dataItem.partdesc" class="ng-binding">Control Box</span>    
    </td>

Kendo TreeList:

代码语言:javascript
复制
    <td role="gridcell" title="Control Box"></td>
EN

回答 1

Stack Overflow用户

发布于 2015-06-30 03:37:51

我建议您两个解决办法,首先可以使用列模板(但如果您希望每个单元格具有您所描述的那样的跨度,则必须修改所有列)。

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

演示

或者您可以在数据库上插入span,例如

代码语言:javascript
复制
$("#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>");
      }
 });

演示

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31128086

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档