Перечень статей   choose language


Проводник (дерево)



Соглашения

тегатрибутсвойствостиль
новые html-терминыlinealingpointdefault
значения новых html-терминовsideromb
старые html-терминыtdidlist
значения старых html-терминовcircle
коммуникационный xmlsoundsyncpower
значения коммуникационного xmlnouser
клавиатурные и мышиные командыenter

Форма для просмотра дерева базы данных


folder_name1
folder_name2
folder_name3
folder_name4
folder_name5
folder_name6


первая реплика
вторая реплика
ответ на вторую
второй на вторую
следующий уровень
третий ответ


Код первого примера:

<tree>
  <ti> <!-- root.gif --> </ti>
  <ti id=1 branch-below=yes> folder_name1 </ti>
  <ti> folder_name2
    <ti> folder_name3 </ti>
    <ti id=4 branch-below=yes> folder_name4 </ti>
  </ti>
  <ti> folder_name5
    <ti> folder_name6 </ti>
  </ti>
</tree>

Код второго примера:

<tree>
  <ti> <!-- root.gif --> </ti>
  <ti> <a href="./letter1.txt">первая реплика</a> </ti>
  <ti> <a href="./letter2.txt">вторая реплика</a>
    <ti> <a href="./letter3.txt">ответ на вторую</a> </ti>
    <ti> <a href="./letter4.txt">второй на вторую</a>
      <ti> <a href="./letter5.txt">следующий уровень</a> </ti>
    </ti>
    <ti> <a href="./letter6.txt">третий ответ</a> </ti>
  </ti>
</tree>

Браузер серверу

Каждый тег tree является формой, для отправки XML на сервер имеет атрибут src и отправляет уникальные идентификаторы двух html-тегов:

Открытие папки - немедленная посылка

Если для элемента дерева

<ele name=A num=4 cmd= os= ns= >

Drag, drop - немедленная посылка

Если элемент дерева при перемещении (drag-and-drop) попал на элемент этого или другого дерева (в дальнейшем будем называть его принимающим), то браузер немедленно отправляет (отправляемый xml-текст содержит только три этих тега)

<ele name=A1 num=N1 cmd=drag os= ns= >
<ele name=A2 num=N2 cmd=drop os= ns= >
<task text=dad>

Изменение стиля вложенного объекта - отложенная отправка

Если для вложенного объекта в Transition Sheet не определено изменение стиля, то ti изменяет свой стиль. Атрибут submit тега tree определяет, должна ли у дерева быть кнопка "submit", и принимает значения yes (по умолчанию) и no. Дерево отправляет ниже следующее (момент отправки описан в отдельном документе).

<ele name=A num=N cmd= os= ns= >

Сервер браузеру: ротации

В ответ сервер присылает html-теги:

<ti id=51 parent=ti after=4 text=folder_name51>
<ti id=52                   text=folder_name52>
<ti id=53 folder-below=yes  text=folder_name53>

Это ротации - hmtl-объекты, которые оказывают следующее воздействие (атрибуты "parent" и "after" существуют только в канале связи)

<ti id=origin_id> ... <ti>
замена тега: удаление старого тега и каскадное удаление его под-тегов и добавление нового тега с атрибутами и под-тегами
{ti id=origin_id}
удаление тега и каскадное удаление его под-тегов

<ti parent=tag_name
    after=origin_id>
  ...
<ti>
добавление нового тега с атрибутами и под-тегами и расположение его непосредственно за тегом, название и уникальный идентификатор которого указаны в атрибутах "parent" и "after"
Одно и то же дерево может содержаться в html-документе несколько раз, а значит в документе может содержаться несколько тегов с одинаковыми названиями и значениями атрибута id. Ротация будет применена ко всем тегам в указанными tag_name и origin_id, не зависимо от того, сколько таких тегов.

Внешний вид: свойства тега TREE

Свойство newstring определяет, должны ли теги ti одного уровня иерархии быть расположены в одной строке или каждый тег в новой строке.

folder
folder
folder3
newstring=yes (по умолчанию)
folder
folder folder3
folder
folder folder3
newstring=no

Свойство tree-sideward определяет, где дочерние теги должны быть расположены относительно родительского ("folder3") тега.

folder3
folder
folder
folder3
folder folder
tree-sideward=right
(по умолчанию)
folder3
folder
folder
folder3
folder folder
tree-sideward=left
folder3
folder
folder
folder3
folder folder
tree-sideward=center

Элемент дерева, над которым произошла последняя операция (открытие или закрытие папки), является "текущим" (текущая папка). Свойство tree-show определяет способ отбражения папок ниже и выше текущей ("folder3"). Brief = показаны только те нижестоящие папки, которые непосредственно на следующем уровне иерархии, у всех родительских папок не показаны под-папки.

folder1
folder2
folder3
folder41
folder5_41
folder42
folder5_42
tree-show=full
(значение по умолчанию)
folder1/folder2/folder3
folder41
folder42
folder1/folder2/folder3
folder41 folder42
tree-show=brief

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

Взаимодействие TI и вложенных объектов


Атрибут folder-open тега ti указывает, должен элемент дерева быть открыт или закрыт. Принимает значения yes (по умолчанию) и no. Браузер изменяет этот атрибут в процессе работы с документом в зависимости от действий пользователя (открытия-закрытия папки).

Атрибут folder-server тега ti указывает, что под-элементы для данного элемента дерева не указаны в теле html-документа и должны быть получены с сервера. Атрибут принимает значения no (по умолчанию) и yes.



Резюме

Теги
tree, ti

Свойства
тег свойство значение по умолчанию список возможных значений
tree newstring yes yes, no
tree-sideward right right, left, center
tree-show full full, brief
src    
image    

Атрибуты
тег атрибут значение по умолчанию список возможных значений
ti (tree) folder-open yes yes, no
folder-server no no, yes


Движения
<ele name= num= cmd= os= ns= >



html60author



Перечень статей   choose language


Используются технологии uCoz