вертикальные линии в дереве файлов jquery

Question

Есть ли способ реализовать вертикальные линии в дереве файлов jquery?

Answer 1

Я должен подумать, что с помощью CSS вы сможете это сделать, так как jQuery File Tree помещает все в контейнер с классом, а затем дополнительно классифицирует элементы в дереве.Например, с правилами в соответствии с:

.jqueryFileTree .directory, .jqueryFileTree .file {
    border-left: 1px black;
}

Это, очевидно, очень грубое начало, но вы поняли идею.Он нацелен на любой элемент с классом "directory" или "file", который является потомком элемента с классом "jqueryFileTree" (класс в общем контейнере).Вы можете использовать границы, как указано выше, или фоновые изображения и т. Д. Существуют другие классы, такие как «расширенные» для расширенных каталогов и т. Д.

На странице проекта * есть информация о стилизации дерева файлов 1007 *, хотя все, что он действительно говорит, это то, что он использует CSS, и вы должны взглянуть на файл jqueryFileTree.css.

Answer 2

я сделал это сам в jtree , используя css3 несколько фонов

ul.jtree ul li {
    background-repeat : no-repeat;
    background-position : 0 8px, 0 0;
    background-size : 8px 1px, 1px 100%;
    background-image : url(img/icons/dot.png), url(img/icons/dot.png);
    padding:0;margin:0;
    line-height:20px;
}

ul.jtree ul li:last-child { background-size : 8px 1px, 1px 8px; }