youshe 9 июн 2010 в 12:23

Плагин Ext.ux.HistoryTree — дерево с историей

1 мин

1.2K

Библиотека ExtJS/Sencha*

+25

Комментарии 29

Yeah 9 июн 2010 в 13:00

История у вас как-то некрасиво хранится. Все-таки #Group_D/Germany было бы куда веселее.

youshe 9 июн 2010 в 13:04

Согласна. Но так короче и универсальнее: если какие-то названия были изменены, то ссылки все равно будут работать.

errr 9 июн 2010 в 13:37

А если количество пунктов изменилось, то ссылки уже будут вести не туда?

youshe 9 июн 2010 в 13:39

Да, тогда будут вести не туда.

akzhan 9 июн 2010 в 14:45

Следовательно, надо имена, а не индексы.

akzhan 9 июн 2010 в 14:46

И да, идентификаторы гораздо правильнее )))

youshe 10 июн 2010 в 07:23

Идентификаторы в реальных приложениях как правило не намного красивее порядковых номеров :)

alexsrdk 9 июн 2010 в 13:26

В FF (3.0) под Линуксом постоянно идет обновление страницы. В остальных (opera и chrome) такой проблемы не замечено.

youshe 9 июн 2010 в 13:41

Я не поняла, когда идет обновление страницы: при нажатии на Назад/Вперед?

alexsrdk 9 июн 2010 в 13:45

Самопроизвольно. Т.е. при загрузке страницы на каком-то этапе срабатывает рефреш.

youshe 9 июн 2010 в 13:50

Хм. Не знаю, что сказать. Нет Линукса, чтоб проверить. Найду — посмотрю.

youshe 10 июн 2010 в 10:37

Нашла, попробовала. Самопроизвольных рефрешей добиться не смогла.

medvoodoo 9 июн 2010 в 13:32

не догоняю, а чем стандартная библиотека не устроила? www.extjs.com/deploy/dev/examples/history/history.html

youshe 9 июн 2010 в 13:38

В плагине она и используется. Суть плагина в том, что к стандартному компоненту дерево Ext.tree.TreePanel прикручен другой стандартный компонент Ext.History — получилось дерево с историей.

medvoodoo 9 июн 2010 в 13:56

возможно я сейчас глупость сморожу, но почему просто установку состояния не повесить на fn: это раз, два что будет с состоянием, если использовать сортировки и поиск по дереву? ведь я так понял у вас состояние записывается не кодом id-id-id как рекомендуют extjs а позициями в дереве?

youshe 9 июн 2010 в 14:08

При изменении состояния url соответственно меняется состояние дерева. На какое fn вы предлагаете повесить установку состояния?
Если позиции узлов дерева будут меняться, узлы будут удаляться/добавляться, то ссылки могут оказаться битыми.
Как уже писала, порядковые номера вместо idшников я решила использовать для краткости.
Но идею замены номеров на idшники — обдумаю :)

davv 9 июн 2010 в 13:45

Молодец! Прикольную цяцьку сделала — лови плюсы :)

cnupm 9 июн 2010 в 13:51

Подсветка — красиво. Многоуровневое дерево почти в конец спрятано — плохо.

-2

VasilioRuzanni 9 июн 2010 в 15:12

Все бы хорошо, но вот это сильно режет глаз (там выше, вроде уже говорилось об этом):

«stonejungle.net/extjs/ru/#{»historyTree":{«1»:{},«2»:{},«6»:{},«8»:{«0»:{«sel»:«1»},«1»:{}},«10»:{}}}"

Вместо этого стопроцентно нужен адрес: stonejungle.net/extjs/ru/#quarterfinals/first/x/
ибо в первую очередь такой список (с историей) именно навигационная штуковина.

youshe 9 июн 2010 в 15:22

Тогда скорее так:
«stonejungle.net/extjs/ru/#{»historyTree":{«Group_A»:{},«Group_B»:{},«Quarterfinals»:{«First»:{},«Second»:{},«selected»:«Second»}}}»
Просто через "/" не получится: как тогда, например, показать, что в узле «Quarterfinals» раскрыты 2 узла — «First»и «Second» и выделен «Second».

VasilioRuzanni 9 июн 2010 в 15:34

А нам и не нужно этого показывать. Наоборот, дерево по идентификаторам определяет, что ему и как показывать.

Здесь жертвуем ненужной универсальностью и полностью базируем все на соглашениях (conventions).

Из "#/quarterfinals/final/x/" список всегда должен знать, что «x» — выбранный пункт, а два предыдущих — открыты. Индекс с идентификаторами загружается на страницу вместе с деревом. Можно индексировать как отдельные кусочки адреса (например, «final»), так и маршруты целиком.

Если пользователь только-только зашел на страницу, то ему вообще не нужны «открытые» еще и Group_A, и Group_B. И состояние не нужно хранить в адресной строке — его нужно хранить на сервере и можно загружать, скажем, асинхронно, с помощью JSON.

Если пользователь уже на странице, а само содержимое загружается асинхронно — то можете хранить состояние на самой странице (опять же — не в адресной строке), и на дереве это никак не отразится.

youshe 9 июн 2010 в 15:47

А если X — это не лист, то как по такому адресу понять, что X именно выбран, а не открыт?
Для хранения состояния дерева на сервере есть плагин от Saki.
В моем плагине смысл в том, что состояние хранится в URL: всегда можно дать кому-то ссылку на определенное состояние дерева и перейти Назад/Вперед по истории переходов по дереву.

VasilioRuzanni 9 июн 2010 в 15:59

«А если X — это не лист, то как по такому адресу понять, что X именно выбран, а не открыт?»

Простота — это всегда круто. Не усложняйте. Следуйте соглашениям опять же.
Если «x» — не лист, то он по-умолчанию и выбран и открыт, когда человек перешел по ссылке. К тому же, с точки зрения навигации, «папка» вполне может одновременно быть и какой-то «страницей» — то есть такой адрес вполне может содержать некоторый контент.

Просто вопрос в том, что вы хотите достичь — как по мне, лучше сделать просто и покрыть основные сценарии, чем усложнить все, сделав (зачем-то) передачу состояния через ссылку, что на практике если и будет использовано — то очень редко.

garex 9 июн 2010 в 21:04

1. URL более красивый хотелось бы, либо тогда заенкодить его, чтобы просто уникальный был. JSON пугает.

2. JsLint Вам в помощь — меолчь, а неприятно:
if(this.encodeValue(newState) == "")
this.fireEvent('statechange', this, "", newState);
else
for (element in newState)
if (this.encodeValue(newState[element]) != this.encodeValue(previousState[element]))
this.fireEvent('statechange', this, element, newState[element]);

Где ж тута скобочки? :) Как такой код читать?

youshe 10 июн 2010 в 07:14

Спасибо. Учту.

prefer 9 июн 2010 в 21:08

Зачем лицензия GPL? Для таких вещей самое то использовать BSD.
Прикольно конечно, но не вижу практической ценности. Плюс к тому такие вещи намного легче поддерживать, если они лежат на гитхабе или гуглкоде, в плане контроля версий и в плане фидбека.