Django Bootstrap Dropdown Menü Leer

Question

Ich möchte eine Liste von Objekten extrahieren und sie in ein Dropdown-Menü stellen. Ich habe das schon gemacht und es hat funktioniert, aber nicht in einem Dropdown-Menü, vielleicht ist das Problem in meinem HTML, weiß ich nicht. Hier ist mein HTML-Teil:

<div class="dropdown"> 
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Choisissez une structure existante<span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     {% for s in structures %} 
     <li>{{ s.name }}</li> 
     {% endfor %} 
    </ul> 
</div> 

Ich habe dies bereits in einem anderen HTML-Template in einem Tabellenstruktur angezeigt werden und es funktioniert: hier ist der Arbeitscode:

<tbody> 
{% for structure in structures %} 
    <tr> 
     <td><center>{{ structure.name }}</center></td> 
     <td><center>{{ structure.created_at }}</center></td> 
     <td><center>{{ structure.updated_at }}</center></td> 
     <td><center>{{ structure.file }}</center></td> 
     <td> 
     <a href="/edit/{{ structure.id }}" class="btn btn-primary btn-xs">Modifier</a> 
     <a href="/delete/{{ structure.id }}" class="btn btn-danger btn-xs">Supprimer</a> 
     </td> 
    </tr> 
{% endfor %} 
</tbody> 

Gedanken? Vielen Dank!

Answer 1

Sie müssen Ihren HTML-Code mit einem Dropdown-Menü umschließen.

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Structures</a> 
    <ul class="dropdown-menu"> 
     {% for s in structures %} 
      <li><a href="#">{{ s.id }}</a></li> 
     {% endfor %} 
    </ul> 
</li> 

Es gibt eine js Anforderung auch in Bootstrap unter der Annahme, dass aufgenommen haben.