Javascript 如何在所有父节点上获得文件夹图标,在所有子节点上获得文件夹加图标(图标应位于左侧)
我希望在父节点和子节点的节点之前获得图标。对于父节点,它应该是icomoon图标文件夹plus,对于子节点,它应该是“icomoon图标文件夹”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: {
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:
-
团队
不完全确定你想要实现什么,但从这个问题上我知道你想要实现什么
,然后循环查看所有这些函数,并创建条件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") { #