2017-04-13 6 views
2

djangoとdjango-cmsの新機能です。私は公式のドキュメントを読んで、django CMSのドロップダウンメニューを作って私を導くことができるインターネット上の他の情報を見つけることを試みた。しかし、残念なことに私のために、公式の文書は本当に生であり(私はメニューについて何もそれを得ていない)、インターネット上には十分な分別がない。django-cmsドロップダウンメニューの開発

このトピックについては、私に説明してください。

この時点でメニューは機能しており、そのためのコードは<ul>とこの{% show_menu 0 100 100 100 %}のペアです。

+0

'show_menu'タグはあなたのページのリストを作成し、その後にページツリーのどの部分に表示したいのかを示します。正確に何が必要ですか?ページ構造を変更してメニューがどのように変化するのかを確認してから、 'show_menu'タグの数値を変更してその変化を確認することをお勧めします。 –

答えて

3

ドロップダウンがジャンゴ-CMSでの作業を取得する最も簡単な方法は、これに従うことです:あなたbase.htmlファイルで (この例では、私は私のメニューのためのブートストラップコードを使用しています)

  1. を(またはあなたのメニューを表示するこの方法を使用する{%show_menu 0 10 10 10%} 例として、これは私がbase.htmlのコードでメニューをレンダリングするために使用したものです:

    <ul> {% show_menu 0 10 10 10 "menu/custom-menu.html" %} </ul>

  2. <div class="dropdown"> {% for child in children %} <!-- no child pages --> {% if child.is_leaf_node %} <li><a href="{{ child.get_absolute_url }}">{{child.get_menu_title }}</a></li> {% endif %} <!-- /no child pages --> <!-- has child pages --> {% if not child.is_leaf_node or child.ancestor %} <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> {{child.get_menu_title }}<b class="caret"></b></a> <ul class="dropdown-menu"> {% if child.get_descendants %} {% for kid in child.get_descendants %} <li> <a href="{{ kid.get_absolute_url }}"> {{kid.get_menu_title }} </a> </li> {% endfor %} {% endif %} </ul> </li> {% endif %} <!-- /has child pages --> {% endfor %} <!-- /end for child --> </div>:は、今すぐあなたのbase.htmlを上書きして、ドロップダウン・エレメントを使用してメニューをレンダリングしますこれらsekizaiのタグと同様のhtmlコードを持つ「/templates/menu/custom-menu.html」ディレクトリ内のテンプレートを作成します

  3. {% load menu_tags %} sekizaiタグをcustom-menu.htmlファイルの一番上に置いてください。

関連する問題