Итак, очередное ТЗ для Битрикс CMS — иерархическое многоуровневое меню «гармошка».
Реализацию сей задачи я конечно-же задумал с использованием какого-нить плагинчика с использованием jQuery (а куда без него в наше время ?), немного поиска и небольшой,
вполне устраивающий меня плагин найден — liHarmonica
Демка пашет, всё вроде бы просто, НО — как мне вытащить из Битрикса секции и иерархическом порядке?
Готового подходящего решения в API я не нашел, подходит только CIBlockSection::GetList() и рекурсивная функция по получению подсекций в конкретной секции.
Пихать непосредственно CIBlockSection::GetList() в рекурсивную фукнцию — убийство т.к. для каждой секции будет своё обращение в БД — слишком большая нагрузка для получения меню.
Как решение — сначала «дёрнуть» все секции в массив, и в дальнейшем работать уже с ним.
Ну для правильного кэширования всего задуманного, нужно будет запихать всё в компонент.
Сказано — сделано 🙂
Код в студию
component.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
if($this->StartResultCache(false, array($arParams[«SECTION»],$arParams[«ID»]))){ CModule::IncludeModule(«iblock»); $arResult = array(); $arResult[‘TIME’] = time(); $arFilter = Array(‘IBLOCK_ID’=>$arParams[«IBLOCK_ID»], ‘ACTIVE’=>‘Y’); $db_list = CIBlockSection::GetList(Array(«sort»=>«asc»), $arFilter, false); while($ar_result = $db_list->GetNext()) { $sect_id = $ar_result[‘IBLOCK_SECTION_ID’]; if(!$sect_id) $sect_id=0; $arr[$sect_id][]= array (‘ID’=>$ar_result[‘ID’], ‘NAME’=>$ar_result[‘NAME’]); } $arResult[‘TREE’] = $arr; $this->SetResultCacheKeys(array(‘TREE’)); $this->IncludeComponentTemplate(); } |
template.php
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<div style=«width:200px; float:left; margin:0 0px 20px 0»> <ul class=«anyClass2 skinClear»> <? $sec = $arParams[«ACTIVE_SECTION_ID»]; print_menu($arResult[‘TREE’], $sec, 0); function print_menu($arr, $sec, $sid) { foreach ($arr[$sid] as $key => $value) { $id = $value[«ID»]; $name = $value[«NAME»]; if ($sec==$id) $class = ‘class=»cur»‘; else $class =»; if (!is_array($arr[$id])) { echo «<li> <a $class href=’/catalog/section-$id/’>$name</a></li>\n»; } else { echo «<li><a $class href=’/catalog/section-$id/’>$name</a><ul>\n»; print_menu($arr,$sec,$id); echo «</ul></li>\n»; } } } ?> </ul> </div> |
P.S.
Блин, всего несколько строчек кода — а убил полдня на менюшку эту.
Кому интересно — качнуть готовый компонент можно тут, посмотреть реализацию тут.
(пути до js и css подкорректировать только нужно — у меня это в нескольких шаблонах используется, поэтому выносил в корень).
Один комментарий на «“Битрикс — иерархическое многоуровневое меню «гармошка»”»
Здравствуйте. Спасибо за меню, с битриксом только начинаю работать, очень непривычно после других CMS, ранее работал с DLE и WordPress.
Возникла одна проблема — код скопировал в точности, но после перехода во вложенную рубрику в меню и перехода открытые пункты меню сворачиваются, а в вашей демо сотаются открытыми.
По вашему примеру наапример открываем Воздушные фильты и выпадает Swegon, переходим в Swegon, и в меню слева пункт Swegon остается открытым, а у меня закрывается :(.