2016-11-29 13 views
0

enter image description hereタブに基づいてデータのリストを表示しようとしています。これまでのところ、私はデータを取ってそれを表示することができました。問題はhtmlの部分です。 ... HTMLの一部は繰り返してはならないが、彼らは少なくとも一回である必要はありDjango - htmlのタブを適切に整列させる

[![<body class="bootstrap" > 


     <!--#INCLUDE VIRTUAL="TopNavInclude.asp" --> 


     <div class="container"> 

     <div class="col-md-12"> 

      <div class="panel panel-default panel-fade"> 

      <div class="panel-heading"> 

       <span class="panel-title"> 

       <div class="pull-left"> 

       <ul class="nav nav-tabs"> 
     {% block content %} 

     {% for s in data_seasons %} 
        {% if s == 1 %} 
        <li class="active"><a href="#tab{{s}}" data-toggle="tab" ><i class="glyphicon glyphicon-send"></i> Temporada {{s}}</a></li> 
        {% else %} 
        <li><a href="#tab{{s}}" data-toggle="tab" ><i class="glyphicon glyphicon-send"></i> Temporada {{s}}</a></li> 

         {% endif %} 

         {% endfor %} 

       </ul> 

       </div> 

       <div class="btn-group pull-right"> 
        <div class="btn-group"> 
        <a href="#" class="btn dropdown-toggle" data-toggle="dropdown"> 
         <span class="glyphicon glyphicon-cog"></span> 
        </a> 
        <ul class="dropdown-menu" role="menu"> 
         <li><a href="#">Action 1</a></li> 
         <li><a href="#">Action 2</a></li> 
         <li class="divider"></li> 
         <li><a href="#">Another Action</a></li> 
        </ul> 
        </div> 
       </div> 

       <div class="clearfix"></div> 

       </span> 

      </div> 

      <div class="panel-body"> 

       <div class="tab-content"> 



    {% for s in data_seasons %} 
{% for ep in data_ep %} 


        {% if s == ep.tve_season %} 

         {% if s == 1 %} 
        <div class="tab-pane fade in active" id="tab{{s}}"> 

      <h3>Episodios</h3> 
       <FORM ACTION="" METHOD="post"> 
        <INPUT TYPE="hidden" NAME="FormName" VALUE="PrintLetters"> 
        <TABLE class="table table-striped"> 
        <THEAD> 

        <TR><TH>Selecionar</TH><TH style="text-align:left">Nome do Episodio</TH><TH style="text-align:left">Duracao</TH><TH>Data/Horario</TH><TH>Sumario</TH></TR> 

        </THEAD> 
        <TBODY> 

        <TR><TD><INPUT TYPE="checkbox" NAME="EventCode" VALUE=588031></TD><TD>{{ep.tve_name}}</TD><TD>{{ep.tve_runtime}}</TD><TD>{{ep.tve_schedule}}</TD><TD>...</TD></TR> 

        </TBODY> 
        </TABLE> 

       </FORM> 
       </div> 


           </div> 
         {% else %} 
         <div class="tab-pane fade" id="tab{{s}}">sss </div> 
             {% endif %} 
         {% endif %} 
{% endfor %} 
    {% endfor %} 
       </div> 


       </div> 

       </div> 

      </div> 

      </div> 

     </div> 

     </div> 




     <footer> 
     {% endblock %}][1]][1] 

オリジナルテンプレート: http://bootsnipp.com/snippets/OMX7O

この一度だけ実行し、それをしなければならないためにだけ必要があるのdiv一部{{s}}と{{ep ...}}

{% if s == ep.tve_season %} 

         {% if s == 1 %} 
      <!--This  <div class="tab-pane fade in active" id="tab{{s}}"> 

      <h3>Episodios</h3> 
       <FORM ACTION="" METHOD="post"> 
        <INPUT TYPE="hidden" NAME="FormName" VALUE="PrintLetters"> 
        <TABLE class="table table-striped"> 
        <THEAD> 

        <TR><TH>Selecionar</TH><TH style="text-align:left">Nome do Episodio</TH><TH style="text-align:left">Duracao</TH><TH>Data/Horario</TH><TH>Sumario</TH></TR> 

        </THEAD> 
        <TBODY> 

        <TR><TD><INPUT TYPE="checkbox" NAME="EventCode" VALUE=588031></TD><TD>{{ep.tve_name}}</TD><TD>{{ep.tve_runtime}}</TD><TD>{{ep.tve_schedule}}</TD><TD>...</TD></TR> 

        </TBODY> 
        </TABLE> 

       </FORM> 
       </div> Until this--> 


           </div> 

答えて

1

forループで使用できる変数を見てください。 Django {% if forloop.first %} question

ご希望の出力がどのように見えるかを表示できます。で同様の議論があり、S = 1 ドキュメント https://docs.djangoproject.com/en/1.10/ref/templates/builtins/#for

かどうかをチェックするよりも良い選択かもしれどのforloop.firstと呼ばれるものがあります?

+0

ブーツニッポンのようにする必要があります。 http://bootsnipp.com/snippets/OMX7O タイトルの説明で黒いバーを繰り返さないでください。 –

関連する問題