ivh-treeview样式和" onLeafClick()"

时间:2016-05-13 19:22:02

标签: css angularjs treeview

我在设置基于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%,我也不能这样做。

另一个问题是,如果不使用复选框,如何在叶子点击上进行回调?复选框很简单,但我没有它们,也不想要它们。

谢谢。

0 个答案:

没有答案