Javascript 如何在所有父节点上获得文件夹图标,在所有子节点上获得文件夹加图标(图标应位于左侧)

Javascript 如何在所有父节点上获得文件夹图标,在所有子节点上获得文件夹加图标(图标应位于左侧),javascript,jquery,asp.net,kendo-ui,treeview,Javascript,Jquery,Asp.net,Kendo Ui,Treeview,我希望在父节点和子节点的节点之前获得图标。对于父节点,它应该是icomoon图标文件夹plus,对于子节点,它应该是“icomoon图标文件夹” function treeView() { var treeMenu = new kendo.data.HierarchicalDataSource({ template: kendo.template($("#treeview-template").html()), schema: { model: {

我希望在父节点和子节点的节点之前获得图标。对于父节点,它应该是icomoon图标文件夹plus,对于子节点,它应该是“icomoon图标文件夹”

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>

#:item.LABEL#
#如果(项目.hasChildren){#
# } #
HTML:

  • 团队

不完全确定你想要实现什么,但从这个问题上我知道你想要实现什么

  • “在节点之前获取图标”是指在节点之前放置/放置图标吗?我想是的
  • 对于具有hasChildren属性的父节点,您希望在子节点上放置icomoon图标文件夹plus,以放置icomoon图标文件夹
  • 我来了

  • 如果希望将其放在节点之前而不是使用模板,则需要使用databound函数
  • 从databound函数中,您查看所有
  • ,然后循环查看所有这些函数,并创建条件
    if(haschilds){logic}else{logic}

  • 我还没有能够将模板用于这样的目的,所以这是我能够实现它的最好方法。这里是

    您可以查看
    列表样式图像
    CSS属性

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

    请参见此处的示例和更多信息-

    创建了一个模板,而不是数据源

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


    }首先,您应该真正修复代码。您有一个额外的
    }
    并修复了代码和格式谢谢您的回复,但是所需的输出应该是这样的,但是根据您的coe,图标在箭头之前出现,当我单击箭头时,图标会重复,例如,对于子对象,它的提交两次,对于第三个子对象,它的提交三次,我修改了您可以将“before”编码为“after”,以获取箭头按钮后的图像,但图像仍在重复,并将相同的图像发送给所有父级和子级。在你的例子中,我发现如果孩子没有孩子,就没有箭,但在我的例子中,即使没有孩子,我也会得到箭。我想这是造成问题的原因,但无法解决问题。您指向dojo的链接不起作用,我在JSFIDLE中的代码中没有看到重复的文本是的,但如果我使用相同的代码,它对我来说是重复的,甚至您的代码也起作用,但不知何故,我更喜欢模板而不是数据绑定
     # if (item.type= "true") { #