Я пытаюсь внедрить браузер веб-папок, используя плагин fancyTree jquery. После некоторых проблем с прорезями, у меня это работает неплохо. Единственная проблема заключается в том, что FancyTree не отображает никаких соединительных линий или значков. Строго текст, с + и - значками для разворота и сглаживания, соответственно. Я предположил, что такой плагин, ориентированный на файловую систему, имеет значки по умолчанию, например. закрытая и открытая папка и т.д., поэтому я еще не указал пользовательские значки, но линии соединителя беспокоят меня больше.
Я объединил свой источник FancyTree из своего репозитория GitHub, и моя исходная папка выглядит следующим образом. Это от выбора вишни источника, потому что папка dist
для FancyTree немного разрежена:
Вот как я ссылаюсь на стили и скрипты. Dev только для краткости:
<link rel="stylesheet" href="~/css/site.css" />
<link href="~/lib/fancytree/jquery-ui.css" rel="stylesheet" />
<link href="~/lib/fancytree/jquery-ui.structure.css" rel="stylesheet" />
<link href="~/lib/fancytree/jquery-ui.theme.css" rel="stylesheet" />
<link href="~/lib/fancytree/skin-bootstrap/ui.fancytree.css" rel="stylesheet" />
Дополнительные стили пришли с моей минимальной пользовательской загрузкой для jQuery UI, зависимость FancyTree. Script:
<script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<script src="~/lib/fancytree/jquery-ui.js"></script>
<script src="~/lib/fancytree/jquery.fancytree-all.js"></script>
Я только воображаю отсутствие или неправильное расположение images
, но, конечно же, это должно использовать значки стиля глификонов. Я не указал никаких пользовательских значков, но ожидал значения по умолчанию. Если я смогу запустить пользовательские значки, то моя настоящая проблема - отсутствие соединительных линий.
ЛОМАЯ: Если я вынужу connectrors для отображения в соответствии с этим этим SO-ответом, добавив класс сразу после запуска дерева:
$(".fancytree-container").addClass("fancytree-connectors");
Я получаю вертикальные части коннекторов по всему, но ничего не видно по горизонтали. , только текст, часто далеко отступы и менее читаемый, чем дерево с линиями.