Как построить вложенное дерево имея уровень?

Question

[jazzman7]

Здравствуйте! Есть задача - вывести вложенные разделы и элементы внутри. Дерево построил, но проблема в том что разделы должны сворачиваться, но я без понятия, как для вложенных элементов сохранить id родителя что бы вставить его в появляющийся див, буду очень благодарен.


Мой быдлокод:

<?php
CModule::IncludeModule("iblock");
$IBLOCK_ID = 29;
$arFilter = array(
    'IBLOCK_ID' => $IBLOCK_ID,
    'GLOBAL_ACTIVE' => 'Y');
$arSelect = array(
    "ID", "NAME"
);
$obSection = CIBlockSection::GetTreeList($arFilter);
$arItem = array();
while ($arResult = $obSection->GetNext()) {
    $arItem[] = array("ID" => $arResult['ID'], "NAME" => $arResult['NAME'], "LVL" => $arResult['DEPTH_LEVEL']);

}
?>
    <ul>
        <?
        foreach ($arItem as $key => $element) {

            for ($i = 0; $i <= ($element['LVL'] - 2); $i++)
                echo '<ul>';
            echo '<li>';
            echo 'ID: '.$element['ID'] . ' | Название: '. $element['NAME'] . '<br>';
            $arFilter = array("IBLOCK_ID" => IntVal($IBLOCK_ID), "ACTIVE_DATE" => "Y", "ACTIVE" => "Y", "SECTION_ID" => $element["ID"]);
            $res = CIBlockElement::GetList(array(), $arFilter, false, array(), $arSelect);
            while ($ob = $res->GetNextElement()) {
                $arFields = $ob->GetFields();
                ?>

                <?= $arFields["NAME"] ?>

                <?
            }
            echo '</li>';
            for ($i = 0; $i <= ($element['LVL'] - 2); $i++)
                echo '</ul>';
        }

        ?>
    </ul>

Comments

[jazzman7]

*красные галочки на скрине - это для наглядности я обозначил что должно сворачиваться

[v3shin]

В каждом элементе, где есть потомки, добавляете стрелочку с классом. При клике по этому классу делаете что-то типа:
e.target.closest('li').classList.toggle('open');
Ну и стили типа

ul {display: none}
li.open > ul {display: block}

[scottparker]

запросы в цикле - ляпота

[jazzman7]

v3shin, так проблема в том, что автоматически надо как-то сделать

[jazzman7]

scottparker, согласен, но мне лучше так, чем ни как

Answer 1

[Сергей delphinpro]

Зачем вам вообще какие-то ID?

https://codepen.io/delphinpro/pen/bGjpKWY?editors=0110

Comments

[jazzman7]

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

[Сергей delphinpro]

jazzman7, я не понимаю структуру входящих данных. Как и алгоритм построения списка.

Это вот что такое?

for ($i = 0; $i <= ($element['LVL'] - 2); $i++)
    echo '<ul>';

Несколько ul элементов не могут быть вложены непосредственно друг в друга. То есть разметка

<ul>
  <ul>
    <ul>
      <li></li>
    </ul>
  </ul>
</ul>

является ошибочной. А значит и цикл этот бессмысленный.

[jazzman7]

Сергей delphinpro, тоже верно.

Касательно структуры есть id, name, и уровень элемента, то есть собственно $arResult['ID'], $arResult['NAME'], $arResult['DEPTH_LEVEL']. Ну и все, больше вроде ничего не получить, и как-то исходя из этих данных надо построить дерево

[Сергей delphinpro]

jazzman7, а как понять какой вложенный относится к своему родителю, если нет ссылки на родителя (типа parent_id)?

ID 1 - name - L1
ID 2 - name - L1
ID 3 - name - L2
ID 4 - name - L2

Как здесь понять: ID3 – это потомок ID1 или ID2? Аналогично с ID4.

[jazzman7]

Сергей delphinpro, да, в этом и была основная проблема, в итоге я все же понял как получить id родителя, добавил id родителя в массив, но дерево построить все равно не получается

$arItem = array();
while ($arResult = $obSection->GetNext()) {
    $arItem[] = array("ID" => $arResult['ID'], "NAME" => $arResult['NAME'], "LVL" => $arResult['DEPTH_LEVEL'], "parent" => $arResult['IBLOCK_SECTION_ID']);
}

Answer 2

[jazzman7]

Код переписал на нормальный и задачу таки реализовал. Всех благодарю за помощь.