14 Ноябрь 2013

Битрикс — иерархическое многоуровневое меню «гармошка»

Итак, очередное ТЗ для Битрикс CMS — иерархическое многоуровневое меню «гармошка».
Реализацию сей задачи я конечно-же задумал с использованием какого-нить плагинчика с использованием jQuery (а куда без него в наше время ?), немного поиска и небольшой,
вполне устраивающий меня плагин найден — liHarmonica

Демка пашет, всё вроде бы просто, НО — как мне вытащить из Битрикса секции и иерархическом порядке?

Готового подходящего решения в API я не нашел, подходит только CIBlockSection::GetList() и рекурсивная функция по получению подсекций в конкретной секции.
Пихать непосредственно CIBlockSection::GetList() в рекурсивную фукнцию — убийство т.к. для каждой секции будет своё обращение в БД — слишком большая нагрузка для получения меню.

Как решение — сначала «дёрнуть» все секции в массив, и в дальнейшем работать уже с ним.
Ну для правильного кэширования всего задуманного, нужно будет запихать всё в компонент.

Сказано — сделано 🙂
Код в студию

component.php

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();
}

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

<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>

$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 подкорректировать только нужно — у меня это в нескольких шаблонах используется, поэтому выносил в корень).

рубрики: Bitrix, Программирование | Комментарии (1)

Пн	Вт	Ср	Чт	Пт	Сб	Вс
« Окт				Дек »
				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