我在设置基于ivh-treeview的html菜单时遇到了麻烦。 我无法理解如何分别设置父节点和子节点的样式。在我的情况下,将没有"孙子",我只需要两级树视图,这就是我所做的:
http://plnkr.co/edit/8Ij0MUkTwED9kOQAzYMU?p=preview
#mainMenu {
background-color:black;
list-style-type: none;
padding-left: 0;
width:150px;
}
#mainMenu .ivh-treeview-twistie {
display: none;
}
/* Parent style ? */
#mainMenu .ivh-treeview-node-label {
color: cyan;
border-bottom:solid;
}
/* Children style ? */
#mainMenu .ivh-treeview-node-leaf {
color: green;
border-bottom:solid;
cursor:pointer;
}
#mainMenu .ivh-treeview-node-leaf .ivh-treeview-toggle {
color: white;
cursor: pointer;
border-bottom:none;
}
虽然我可以将样式应用于子节点,但我不能对父节点执行此操作,例如我无法设置填充或边距,我也需要拉伸"点击区域"节点的百分比为100%,我也不能这样做。
另一个问题是,如果不使用复选框,如何在叶子点击上进行回调?复选框很简单,但我没有它们,也不想要它们。
谢谢。