}

Question

我想在Parent节点和子节点的节点之前获取图标。对于父节点，它应该是icomoon-icon-folder-plus，对于子节点，它应该是'icomoon-icon-folder'。

function treeView() {
  var treeMenu = new kendo.data.HierarchicalDataSource({
    template: kendo.template($("#treeview-template").html()),
    schema: {
      model: {
        id: "id",
        expanded: false,
        hasChildren: "HasChildren"
      }
    },
    transport: {
      read: {
        url: "/getTreeDetails",
        contentType: "application/json; charset=utf-8",
        type: "POST",
        datatype: "json",
      },
    }
  });
  $("#treeview").kendoTreeView({
    dataSource: treeMenu,
    dataValueField: "id",
    dataTextField: ['LABEL'],
    template: kendo.template($("#treeview-template").html())
  });
}
$(document).ready(function() {
  treeView();
});

脚本：图标正在为右侧的所有节点提供。

<script id="treeview-template" type="text/kendo-ui-template">
        <span id='treeLabel' style='font-weight:bold;' data-id='#=item.id #'></span>
        #: item.LABEL #
       # if (item.hasChildren) { #
     <a href='\#'><span class='icomoon-icon-folder-plus'></span></a>
# } #
    </script>

HTML：

    <ul class="k-group k-treeview-lines" role="tree">
   <li class="k-item k-first" aria-selected="false " data-uid="3-72f2c45e0d7d" role="treeitem" aria-expanded="false" id="treeview_tv_active">
     <div class="k-top">
       <span class="k-icon k-plus" role="presentation"></span>
       <span class="k-in">
          <span id="treeLabel" data-id="64" style="font-weight:bold;">Team</span>
               </span>
          </div></li>
   <li class="k-item" aria-selected="false " data-uid="41d2-9e3c-69b6c8938c1d" role="treeitem"></li>
    <li class="k-item" aria-selected="false " data-uid="4546-b88b-f38f4b2e32e4" role="treeitem"></li>
    <li class="k-item" aria-selected="false " data-uid="44fa-8784-9c40a7b8ecf7" role="treeitem"></li>
    <li class="k-item k-last" aria-selected="false " data-uid="413f-b429-581cf6b58ee7" role="treeitem"></li>
    </ul>

Answer 1

不完全确定你想要实现什么，但从我掌握你想要的问题

＆＃34;在节点之前获取图标＆＃34;它是否意味着在节点之前放置/放置图标？我假设是cmiiw
对于具有hasChildren属性的父节点，您希望将icomoon-icon-folder-plus放在子节点上以放置icomoon-icon-folder

所以我走了

如果你想把它放在节点之前而不是使用模板，我需要使用数据绑定功能。
从数据绑定功能，您浏览所有<li></li>，然后遍历所有这些并创建条件if(hasChildren){ logic } else { logic}

我还没有能够将模板用于这样的目的，所以这是我实现它的最佳方式。这是jsFiddle

Answer 2

您可以查看list-style-image CSS属性。

ul {
  list-style-image: url('sqpurple.gif');
}

请在此处查看示例和更多信息 - http://www.w3schools.com/cssref/pr_list-style-image.asp

Answer 3

创建模板而不是数据源。

 # if (item.type= "true") { #

如何在所有父节点上获取文件夹图标，并在所有子节点上获取图标以及图标（图标位于左侧）

3 个答案:

}