Апи для отображения дерева by vadimpain · Pull Request #1 · DirectumCompany/rx-template-actionitem-tree-view

vadimpain · 2026-02-12T11:19:33Z

No description provided.

alla100lnikova · 2026-02-18T17:27:50Z

+
+      while (nodes.Count > 0)
+      {
+        var childrensNode = new List<DirRX.Tree.Structures.Module.ITask>();


тут наверно лучше childrenNodes назвать? и ниже просто children, т.к это уже множественное число, s лишняя

поправил

alla100lnikova · 2026-02-18T17:29:27Z

+    /// Метод возвращает структуру для формирования дерева отображения задач на исполнение поручения.
+    /// </summary>
+    /// <param name="id">Ид задачи на исполнение поручения.</param>
+    /// <returns>Возвращает структуру для формирования дерева.</returns>


Тут и в методах ниже: вроде обычно пишется конкретно, что возвращается, типа "Структура для формирования дерева.", потому что в подсказке уже будет слово Returns (Возврат)

поправил

alla100lnikova · 2026-02-18T17:30:47Z

+    private DirRX.Tree.Structures.Module.ITask CreateTreeNode(DirRX.TreeViewer.IActionItemExecutionTask task)
+    {
+      var node = DirRX.Tree.Structures.Module.Task.Create();
+      node.name = Sungero.Docflow.PublicFunctions.Module.CutText(task.Subject, 65);


Давай число сразу в константы уберем и назовем информативно, а то непонятно, что за магическое 65

вынес в константы

alla100lnikova · 2026-02-18T18:44:28Z

+1. Сокращенная тема задачи. Оформлена в виде ссылки для удобного перехода в карточку задачи.
+2. ФИО исполнителя.
+3. Срок задачи.
+4. Обводка узла:


Может вместо "обводка" - "рамка" / "граница" / "контур"? в ворде/экселе слова граница и контур используются

поменял на контур

alla100lnikova · 2026-02-18T18:45:38Z

+<img width="1022" height="799" alt="image" src="https://github.com/user-attachments/assets/cfa7f6f1-4e8d-42b5-a11f-b9f55e6fbe5a" />
+
+
+Перед началом работы с деревом, необходимо настроить представление формы для Задачи на исполнение поручения. Для этого необходимо добавить в карточку новую вкладку и разместить на ней специальный контрол "Дерево". Пример ниже на скриншоте:


Опечатка: запятая лишняя, "Перед началом работы с деревом необходимо настроить представление формы"

alla100lnikova · 2026-02-19T09:26:55Z

+3. Установите пакеты проекта, для этого в командную строку среды разработки введите команду "**npm I**". Это также можно сделать и через обычную командную строку системы, перейдя в каталог с проектом.
+4. Для отладки стороннего контрола используйте команду "**npm run start:dev:standalone**". После этого перейдите по адресу http://localhost:3001/.
+> [!NOTE]
+> При отладке, потребуются данные для построения дерева. Вариант временной доработки для получения данных:


Лишняя запятая после "При отладке"

alla100lnikova · 2026-02-19T09:41:38Z

+> При отладке, потребуются данные для построения дерева. Вариант временной доработки для получения данных:
+> -  В методе **ExecuteGetRequestAsync** добавить в headers способ авторизации;
+> -  В методе **GetAllActionItemExecutionTaskForLeadTaskAsync** указать ид конкретной задачи.
+> -  В config.yml у Directum RX укажите в разделе сервиса интеграции адрес http://localhost:3001/ в **CORS_ALLOWED_ORIGINS_LIST**, чтобы не возникали проблемы с CORS политиками. Подробности в [справке](https://club.directum.ru/webhelp/directumrx/web/index.html?admin_config_integrationservice_linux.htm).


лучше "в параметре (или переменной) CORS_ALLOWED_ORIGINS_LIST"

alla100lnikova · 2026-02-19T09:44:40Z

+4. Для отладки стороннего контрола используйте команду "**npm run start:dev:standalone**". После этого перейдите по адресу http://localhost:3001/.
+> [!NOTE]
+> При отладке, потребуются данные для построения дерева. Вариант временной доработки для получения данных:
+> -  В методе **ExecuteGetRequestAsync** добавить в headers способ авторизации;


А получится тут пример дописать?

Может в явную указать, что методы искать в js-коде?

Привел пример

Выше идет раздел Компоненты для сборки и разработки стороннего контрола, он уже подразумевает, что речь идет про js/ts код

alla100lnikova · 2026-02-19T10:59:02Z

@@ -1 +1,117 @@
-# rx-template-actionitem-tree-view
+# Отображение задач на исполнение поручения в виде дерева


Давай назовем "Пример разработки контрола: дерево задач на исполнение поручения"
Потому что к ШР переходят с разводящей страницы, из названия кейса неочевидно, что ШР можно использовать как пример, хотелось бы в заголовке и то, что это пример, отразить, и сам кейс, если нужен именно он

переименовал

alla100lnikova · 2026-02-19T11:01:32Z

+> 
+> Внимание! Изменения будут вноситься только в новые версии.
+
+## Описание


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

добавил примечание

alla100lnikova · 2026-03-25T07:32:44Z

@@ -1 +1,136 @@
-# rx-template-actionitem-tree-view
+# Пример разработки контрола: дерево задач на исполнение поручения
+Репозиторий с шаблоном разработки "Отображение задач на исполнение поручения в виде дерева".


тут осталось старое название репоза

поправил

alla100lnikova · 2026-03-25T07:36:00Z

+Репозиторий с шаблоном разработки "Отображение задач на исполнение поручения в виде дерева".
+> [!NOTE]
+> Замечания и пожелания по развитию шаблона разработки фиксируйте через [Issues](https://github.com/DirectumCompany/rx-template-actionitem-tree-view/issues).
+При оформлении ошибки, опишите сценарий для воспроизведения. Для пожеланий приведите обоснование для описываемых изменений - частоту использования, бизнес-ценность, риски и/или эффект от реализации.


"При оформлении ошибки, опишите" - тут лишняя запятая

alla100lnikova · 2026-03-25T07:51:46Z

+В состав решения входит:
+1. Перекрытие задачи на исполнение поручения (**ActionItemExecutionTask**).
+2. В задачу добавлено новое свойство **SuperiorTaskDirRX**. В нем заполняется ссылка на родительскую задачу на исполнение поручения.
+3. Добавлен новый модуль **Tree**. В нем реализован API **GetTreeStructureActionItemExecutionTask**, которое передает данные для постороения дерева в стороннем контроле.


тут осталась нестыковка "API реализован", но "api, которое"
по идее дальше идет название функции, может быть переформулировать как-то "В нем реализована функция интеграции, которая возвращает данные для построения дерева в стороннем контроле."?

поправил + дописал название функции

alla100lnikova · 2026-03-27T08:07:02Z

+
+В состав решения входит:
+1. Перекрытие задачи на исполнение поручения (**ActionItemExecutionTask**).
+2. В задачу добавлено новое свойство **SuperiorTaskDirRX**. В нем заполняется ссылка на родительскую задачу на исполнение поручения.


SuperiorTaskDirRX - у нас теперь SuperiorTask

alla100lnikova · 2026-04-13T08:15:16Z

+>```
+> -  В методе **GetAllActionItemExecutionTaskForLeadTaskAsync** указать ид конкретной задачи.
+> -  В config.yml у Directum RX укажите в разделе сервиса интеграции адрес http://localhost:3001/ в параметре **CORS_ALLOWED_ORIGINS_LIST**, чтобы не возникали проблемы с CORS политиками. Подробности в [справке](https://club.directum.ru/webhelp/directumrx/web/index.html?admin_config_integrationservice_linux.htm).
+5. Для сборки стороннего контрола используйте команду "**npm run build:release**". В результате в папке dist будет создан ряд файлов для загрузки в DDS.


"в DDS." - лучше написать "среде разработки Directum RX", если еще где-то есть, то тоже

alla100lnikova · 2026-04-13T08:16:08Z

+> async function ExecuteGetRequestAsync(url: string) {
+>    const response = await fetch(url, {
+>      headers: {
+>        'Authorization': 'Basic ' + btoa('Administrator:11111')


примере лучше вместо "11111" написать

alla100lnikova · 2026-04-13T08:17:18Z

+
+Ниже представлен пример отображения задач на исполнение поручения в виде дерева.
+
+<img width="1022" height="799" alt="image" src="https://github.com/user-attachments/assets/cfa7f6f1-4e8d-42b5-a11f-b9f55e6fbe5a" />


А получится сделать более ветвистое дерево для скрина? Если нет, то давай выровняем, чтобы дерево по центру скрина было

alla100lnikova · 2026-04-13T08:19:25Z

+5. Для сборки стороннего контрола используйте команду "**npm run build:release**". В результате в папке dist будет создан ряд файлов для загрузки в DDS.
+
+## Варианты расширения функциональности на проектах
+1.	Расширение структуры для передачи дополнительных данных в сторонний контрол.


Тут получится прописать, что за структура имеется в виду? Может быть сразу с примером типа "например, добавить передачу свойств таких-то"

alla100lnikova · 2026-04-13T08:30:50Z

+
+В состав решения входит:
+1. Перекрытие задачи на исполнение поручения (**ActionItemExecutionTask**).
+2. В задачу добавлено новое свойство **SuperiorTask**. В нем заполняется ссылка на родительскую задачу на исполнение поручения.


Тут можно подсветить, почему именно новое св-во, а не mainTask

alla100lnikova · 2026-04-13T08:32:38Z

+## Варианты расширения функциональности на проектах
+1.	Расширение структуры для передачи дополнительных данных в сторонний контрол.
+2.	Доработка узла **NodeContent** для отображения дополнительной информации по задаче или изменения дизайна.
+3.	Реализация логики с вертикальным отображением. JSX объект **Tree** принимает в качестве параметра ориентацию дерева (**orientation**).


вот тут еще подробнее бы сформулировать

Vadim Pchelnikov added 3 commits February 12, 2026 14:48

Апи для отображения дерева

0ef1bff

ридми

ab7529f

сторонний контрол

d99ec9e

ozr-dev assigned ozr-dev and unassigned ozr-dev Feb 13, 2026

vadimpain self-assigned this Feb 13, 2026

alla100lnikova reviewed Feb 19, 2026

View reviewed changes

Vadim Pchelnikov and others added 3 commits March 17, 2026 08:52

правки после ревью

f594e4b

Update README.md

ac8a337

Update README.md

bddb3f1

alla100lnikova reviewed Mar 25, 2026

View reviewed changes

alla100lnikova reviewed Mar 27, 2026

View reviewed changes

Update README.md

59d1feb

alla100lnikova reviewed Apr 13, 2026

View reviewed changes

		<img width="1022" height="799" alt="image" src="https://github.com/user-attachments/assets/cfa7f6f1-4e8d-42b5-a11f-b9f55e6fbe5a" />


		Перед началом работы с деревом, необходимо настроить представление формы для Задачи на исполнение поручения. Для этого необходимо добавить в карточку новую вкладку и разместить на ней специальный контрол "Дерево". Пример ниже на скриншоте:

		@@ -1 +1,117 @@
		# rx-template-actionitem-tree-view
		# Отображение задач на исполнение поручения в виде дерева


		Ниже представлен пример отображения задач на исполнение поручения в виде дерева.

		<img width="1022" height="799" alt="image" src="https://github.com/user-attachments/assets/cfa7f6f1-4e8d-42b5-a11f-b9f55e6fbe5a" />

Conversation

vadimpain commented Feb 12, 2026

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants