Попробую попробовать мега меню css в фреймворке Zend

Question

Я следую за Zendcast

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

Home /

        <pages>
            <report>
                <label>Reports</label>
                <uri>/report</uri>
                <report_sub>
                    <label>Reports</label>
                    <uri>/report</uri>
                </report_sub>
            </report>
            <setup>
                <label>System Setup</label>
                <uri>/systemsetup</uri>
            </setup>
            <managestaff>
                <label>Manage Groups</label>
                <uri>/groups/save</uri>
            </managestaff>
            <logout>
                <label>Logout</label>
                <uri>/authentication/logout</uri>
            </logout>
        </pages>
    </home>
</nav>

Как использовать css для форматирования вышеупомянутого, чтобы создать эффект, похожий на Mega Menuв рамках Zend?

Answer 1

Мне кажется, я понял это, т.е. меню в xml-файле читается и преобразуется в <ul> с помощью zend, я узнал, посмотрев на исходный код страницы.Поэтому все, что мне нужно сделать, это просто определить все меню и подменю, тогда Zend создаст для меня ul, так что я могу просто настроить таргетинг на <ul> и <li>, как если бы меню изначально создавалось как <ul>.Я попробую это и отправлю обратно.

Answer 2

Ну, я попытался использовать Zend Cast для использования списка XML для создания мегаменю, и это было нормально, но у меня были трудности с добавлением имен классов к элементам списка, сгенерированным Zend_Navigation, т.е. мне нужно было добавитьразные имена классов для его меню и подменю, поэтому в конце я просто использовал обычный HTML с некоторыми элементами div для создания структуры меню в Layout.phtml, тем самым освободив меня от добавления класса с именем по желанию, и это работает для меня.Если у кого-то есть какой-то другой способ, я бы хотел это услышать.

Answer 3

Большинство мега-меню, с которыми я сталкивался, используют вложенные списки <UL> для создания разметки. Итак, вам придется пройтись по этому XML и преобразовать его в соответствующий список <UL>, чтобы сделать навигацию.

В вашем примере это должно выглядеть примерно так ( при условии, что вы использовали выдающееся мега-меню Сох Танаки ):

<ul>
   <li>Reports</li>
      <div class="sub">
         <ul>
            <li>Reports</li>
         </ul>
      </div>
   <li>System Setup</li>
   <li>Manage Groups</li>
   ...
</ul>