Хабрахабр / Комментарии к посту «rdTree — DHTML-дерево на MooTools» в блоге «Веб-разработка»

03.08.2008 21:41:59 apelsyn

apelsyn — Sun, 03 Aug 2008 21:41:59 GMT

Нельзя назвать бесплатной программу, которая в замен за свою "бесплатность" что-то требует (в Вашем случае обратный линк).

01.08.2008 11:23:10 NickMitin

NickMitin — Fri, 01 Aug 2008 11:23:10 GMT

Интерфейс решает задачу, задача не сводиться к выводу данных - она гораздо шире.
А вы привязались к деревьям и плоским спискам.

А я не буду делать сайт с кучей подразделов (и пользователю не дам), чтобы потом не делать в админке дерева. Вот так я избавляюсь от дерева.

01.08.2008 10:37:05 SelenIT

SelenIT — Fri, 01 Aug 2008 10:37:05 GMT

>Потому что один сделал, и за ним потянулись все.
Потому что для иерархических структур это действительно удобно. Если бы это не было удобно, даже Майкрософту не удалось бы пропихнуть свою «универсальную консоль администрирования» (с деревом администрируемых сущностей в левой панели) в качестве образца для подражания.

> Высосано из пальца.
И тем не менее, часто вижу людей, которые и дерево-то раскрыть не с первой минуты догадаются, не то что в поиск что-то вводить. А если при этом вводе они еще ошибутся во второй-третьей букве…

> Не путайте структуру и представления. Юзера врядли волнуют зависимости таблиц в вашей БД.
Не я начал :). БД, конечно, ни при чем, но представление должно быть адекватно модели, а не притянуто за уши (конечно, все можно представить плоским списком, но нафига?).

> про правильный алгоритм поиска
Поиск — далеко не главная задача дерева. Для поиска, конечно, нужен поиск. Но посмотрел бы я, как вы с помощью поиска реализуете аналог админки структуры с перетягиваемыми ветвями :).

31.07.2008 18:50:16 NickMitin

NickMitin — Thu, 31 Jul 2008 18:50:16 GMT

> то деревья разделов и т.п. давно стали привычной частью всевозможных админок
Потому что один сделал, и за ним потянулись все. В истории веб-дизайна миллион случаев следования неверному примеру.

> в случае, когда юзер впервые погружается в тему и не знает, что искать, он ему не поможет:)
Высосано из пальца. Ситуация про сферического коня в вакууме.

> который оптимально подходит для конкретной задачи и структуры данных.
Не путайте структуру и представления. Юзера врядли волнуют зависимости таблиц в вашей БД.

> Что касается поиска с автоподстановкой (кстати, сделать его не сложнее, чем качественное дерево с постепенной подгрузкой подветвей)
А я не про техническую сторону говорю, а про правильный алгоритм поиска, решающий задачу. Вы думаете пользователь будет переться от того, что у вас дерево ветви динамически подгружает?

> огулом хаять все остальное.
Вы уверены что понимаете смысл выражения "хаять огулом"?

31.07.2008 18:21:40 SelenIT

SelenIT — Thu, 31 Jul 2008 18:21:40 GMT

и ломает отношения многие-ко-многим

Чистить зубы ложкой тоже неудобно, но это не значит, что ложка плоха. Это просто совсем другая задача. Дерево — по определению наглядное представление однозначной иерархии, а для многих-ко-многим существуют всевозможные облака тегов и т.п.. Что касается поиска с автоподстановкой (кстати, сделать его не сложнее, чем качественное дерево с постепенной подгрузкой подветвей) — в случае, когда юзер впервые погружается в тему и не знает, что искать, он ему не поможет:). А вот с помощью дерева он сможет хотя бы примерно сориентироваться в ней. Не говоря уже о том, что деревья разделов и т.п. давно стали привычной частью всевозможных админок. И выражение профессионализма дизайнера — делать красивым и удобным тот инструмент, который оптимально подходит для конкретной задачи и структуры данных. А не пихать всюду то, что ему нравится/получается, и огулом хаять все остальное. Я так думаю…

31.07.2008 14:20:31 4vanger

4vanger — Thu, 31 Jul 2008 14:20:31 GMT

Спасибо за комплимент.
Справедливости ради - у нас есть и бесплатная версия.
Андрей Кулинич - разработчик Zapatec.Tree

30.07.2008 20:29:24 fatal

fatal — Wed, 30 Jul 2008 20:29:24 GMT

Моё деревцо.

30.07.2008 12:55:40 ImEugene

ImEugene — Wed, 30 Jul 2008 12:55:40 GMT

Оппоненты, если честно, должны ~~будут нервно курить в сторонке~~, уступать по функционалу значительно.
Если честно, вы меня не убедили =) Может, я просто ничего не понял... У поиска с автоподстановкой как мне видится, есть минусы, с которыми столкнулся на практике.

30.07.2008 12:52:00 apelsyn

apelsyn — Wed, 30 Jul 2008 12:52:00 GMT

Он третий в списке Destroydrop Javascripts Tree

30.07.2008 12:41:36 an9eldust

an9eldust — Wed, 30 Jul 2008 12:41:36 GMT

Плохая часть — это блочный элемент (

) внутри строчного ().

30.07.2008 12:32:02 NickMitin

NickMitin — Wed, 30 Jul 2008 12:32:02 GMT

Тогда я порекоммендую вам вот что:
Обратите внимание на GUI для Lego Mindstorms и Эппловский Finder, мне кажется, что вы почерпнете оттуда массу интересных идей, которые в итоге дадут вашему проекту конкурентное приемущество перед вашим оппонентами. Ведь они, наверняка свято верят в "удобство" деревьев.

30.07.2008 12:12:39 ImEugene

ImEugene — Wed, 30 Jul 2008 12:12:39 GMT

Да, вы всё поняли совершенно верно. Но только не в Call-центр. Будет реализована услуга "Виртуальный офис" в одной из фирм. Любой желающий сможет купить вирт. номер и задать необходимый для него алгоритм маршрутизации.
Пока только по предположениям, деревья будут не очень "разлапистыми" =) Так что, как мне кажется, выбранный способ отображения вполне годиться.
P.S.: если я допустил ошибку или не прав, то хотелось бы, чтобы вы мне объяснили, был бы рад и благодарен. Но мне почему-то кажется, что другой способ был бы не очень удобен.

30.07.2008 12:05:21 NickMitin

NickMitin — Wed, 30 Jul 2008 12:05:21 GMT

Спасибо! Я правильно понимаю, что дерево представляет собой ветвящийся алгоритм маршрута телефонного звонка, аля я позвонил в колл-центр, а мне говорят "чтобы .. нажмите 1, чтобы ... нажмите 2"?

30.07.2008 11:59:09 ImEugene

ImEugene — Wed, 30 Jul 2008 11:59:09 GMT

Ничего особенного в дереве нет. Но уважу ваше любопытство =)

Рисунок представляет собой профиль по которому строится маршрутизация.
Прошу не пинать меня: я не дизайнер. Проект пока в разработке. Маршрутизация представляет собой не граф, а именно дерево. Хотелось предоставить пользователю в максимально интуитивно-понятном виде.

30.07.2008 11:57:32 thevery

thevery — Wed, 30 Jul 2008 11:57:32 GMT

если честно, то я с валидаторами плохо знаком, но не очень сложную gwt-страницу вроде бы w3c xhtml валидатор валидировал.
плохая часть - это "white-space: nowrap;"?

зы возможно(я в этом году ПМ окончил)

30.07.2008 11:50:58 an9eldust

an9eldust — Wed, 30 Jul 2008 11:50:58 GMT

Смотрю в код, который мне только что выплюнул gwt-Tree.

...

Что же тут валидного? =)

p.s. и оффтоп: я подозреваю, что мы можем быть заочно знакомы по пунку, поэтому можно без "вы".

30.07.2008 11:50:18 NickMitin

NickMitin — Wed, 30 Jul 2008 11:50:18 GMT

http://nickmitin.habrahabr.ru/blog/48003… - я вот даже топик сделал, так сказать, о наболевшем.

30.07.2008 11:44:32 NickMitin

NickMitin — Wed, 30 Jul 2008 11:44:32 GMT

Скриншот вашего дерева можно? Правда интересно.

30.07.2008 11:40:11 ImEugene

ImEugene — Wed, 30 Jul 2008 11:40:11 GMT

Не всегда требуется "дерево-рубрикатор". Мне было необходимо реализовать интеллектуальную маршрутизацию вызовов, которая по-сути, и представляет собой древовидную структуру. Каким же образом, если не в виде дерева отображать информацию о маршрутизации?
С вами согласен только частично. Предложение "Если вы по какой-то причине используете дерево на сайте, значит вы не смогли решить задачу удобного представления информации (напоминаю, что мы говорим о сайтах)" звучит очень категорично.

30.07.2008 11:36:15 alant

alant — Wed, 30 Jul 2008 11:36:15 GMT

подписываюсь. Ещё добавлю: большинство дизайнеров вообще не догадываются, что на клавиатуре есть управляющие клавиши и с помощью них можно также пользоваться браузером, а не тыкать мышкой по деревьям и прочим модным красивостям. Таким стоит ознакомиться с Web Accessibility Initiative

30.07.2008 11:27:22 NickMitin

NickMitin — Wed, 30 Jul 2008 11:27:22 GMT

У меня коннект отвалился, я аргументацию не написал.
Естественно сложнее сделать поиск с автоподстановкой, чем залепить дерево-рубрикатор, но дерево не решает проблемы быстрого поиска нужной информации и ломает отношения многие-ко-многим.

Если вы по какой-то причине используете дерево на сайте, значит вы не смогли решить задачу удобного представления информации (напоминаю, что мы говорим о сайтах). Уверен, что большинство пользуется индексом в справочной системе, а вовсе не оглавлением.

Дерево - это выражение лени дизайнера интерфейса.

30.07.2008 11:24:00 thevery

thevery — Wed, 30 Jul 2008 11:24:00 GMT

ну со стилизацией и валидностью проблем нет, а вот насчёт поисковиков вы, увы, правы

30.07.2008 10:59:19 an9eldust

an9eldust — Wed, 30 Jul 2008 10:59:19 GMT

а они все генерят такой же валидный, удобный для поисковиков и стилизации код, как gwt-Tree?

30.07.2008 10:00:47 edelweard

edelweard — Wed, 30 Jul 2008 10:00:47 GMT

Хороший у вас источник. :-)

30.07.2008 09:21:17 NickMitin

NickMitin — Wed, 30 Jul 2008 09:21:17 GMT

Деревья в пользовательском интерфейсе - большое зло.

30.07.2008 09:20:45 svetko

svetko — Wed, 30 Jul 2008 09:20:45 GMT

Ошибка: object.prototype has no properties
Источник: http://localhost/js/mootools-1.2-core-nc.js
Строка: 40

30.07.2008 08:29:22 stolice

stolice — Wed, 30 Jul 2008 08:29:22 GMT

в избранное. мутулс рулез

30.07.2008 07:47:08 ImEugene

ImEugene — Wed, 30 Jul 2008 07:47:08 GMT

Спасибо за такой обзор! Как вы удачно подметили: "Многим разработчикам рано или поздно приходилось иметь дело с древовидным списком". Самое место в закладках!
Когда передо мной встала задача реализовать дерево, то я для себя почему-то, решил: "JavaScript'а будет по-минимому". Переделал Лебедевсое дерево с ветками. Плюс добавил возможность сохранять состояние дерева в cookie. При Открытии/закрытии и записи в cookie используется JavaScript, а в остальном — CSS+HTML.

30.07.2008 07:36:03 egor_bulychev

egor_bulychev — Wed, 30 Jul 2008 07:36:03 GMT

еше есть jQuery SimpleTree Drag&Drop
http://news.kg/wp-content/uploads/tree/index_ru.html
http://news.kg/wp-content/uploads/tree/d&d/

30.07.2008 07:30:12 egor_bulychev

egor_bulychev — Wed, 30 Jul 2008 07:30:12 GMT

еше есть jQuery SimpleTree Drag&Drop, демо

30.07.2008 07:22:45 thevery

thevery — Wed, 30 Jul 2008 07:22:45 GMT

есть ещё куча бесплатных вариантов на GWT, но его нельзя назвать js-фреймворком

30.07.2008 07:13:49 alexshelkov

alexshelkov — Wed, 30 Jul 2008 07:13:49 GMT

Ну конечно про Yahoo Tree View вы не написали...

30.07.2008 07:12:38 AztEK

AztEK — Wed, 30 Jul 2008 07:12:38 GMT

Рекомендую добавить в статью замечательный dTree (http://destroydrop.com/javascripts/tree/).

30.07.2008 07:01:48 MastaEx

MastaEx — Wed, 30 Jul 2008 07:01:48 GMT

Не забудьте "сохранение открытых узлов в куках".

30.07.2008 06:56:10 apelsyn

apelsyn — Wed, 30 Jul 2008 06:56:10 GMT

Вначале писал статью о своей реализации дерева, и понял что без небольшого обзора других модулей статья будет менее полезна читателям habra.

Т.к. модулей на mootools не так уж и много, включил в обзор другие фреймворки.

Я согласен, что многие критерии оченки качества дерева в обзоре не описаны и тесты на ресуркоемкость и производительность тоже нужны.

Раз я уже взялся за это дело, напишу тесты, добавлю оценку по поддежке клавиш управления, динамической загрузке нодов, DnD, checkboxes, custom nodes и опубликую вторую (расширенную) часть обзора и назову ее "Обзор DHTML-деревьев на JavaScript".

30.07.2008 06:47:54 MastaEx

MastaEx — Wed, 30 Jul 2008 06:47:54 GMT

Спасибо за обзорчик, открыл для себя Mif.Tree - на первый взгляд отличная штука!
Вот еще одна реализация дерева: Alder Tree

30.07.2008 06:34:42 apelsyn

apelsyn — Wed, 30 Jul 2008 06:34:42 GMT

Я уменьшил размер дива, теперь если раскрыть дерево, вы сможнте увидеть переносы строчек.

30.07.2008 06:26:46 apelsyn

apelsyn — Wed, 30 Jul 2008 06:26:46 GMT

Уже поправил, спасибо за замечание. Имелось ввиду если в ветке длинный текст, не предусмотрен перенос строк.

30.07.2008 06:17:41 apelsyn

apelsyn — Wed, 30 Jul 2008 06:17:41 GMT

Да, этот тоже хороший модуль, спасибо что ниписали, сейчас сделаю скриншоты и добавлю в обзор.

30.07.2008 04:26:48 TedBeer

TedBeer — Wed, 30 Jul 2008 04:26:48 GMT

А еще хотелось бы увидеть оценки производительности. Какого размера дерево с каким уровнем вложенности оно переваривает без тормозов юзер интерфейса, плюс наличие поддержки клавиатуры. На последнее, как ни странно, большинство писателей компонент забивают большой болт, а без нее компонент не может претендовать на использование в серьезных проектах. ИМХО