2016-03-28 6 views
2

リピータ:リピータ内

<asp:Repeater ID="repeater" runat="server"> 
    <ItemTemplate> 
     <%# Container.ItemIndex % 2 == 0 %> 
     <div class="class1"> 
      <span style="float: left;"> 
       <img src="" /> 
      </span> 
      <span style="float: right;"> 
       <asp:Label id="lFN" runat="server" /> 
      </span> 
     </div> 
     <%# Container.ItemIndex % 2 != 0 %> 
     <div class="class2"> 
      <span style="float: right;"> 
       <img src="" /> 
      </span> 
      <span style="float: left;"> 
       <asp:Label id="lFN2" runat="server" /> 
      </span> 
     </div> 
    </ItemTemplate> 
</asp:Repeater> 

私は別の項目にやりたい何がclass2のdivを表示しています。この結果のような

何か:

<div class="class1"> //index 0 
    <span style="float: left;"> 
     <img src="myimg.jpg" /> 
    </span> 
    <span style="float: right;"> 
     <span>John</span> 
    </span> 
</div> 
<div class="class2"> //index 1 
    <span style="float: right;"> 
     <img src="myimg2.jpg" /> 
    </span> 
    <span style="float: left;"> 
     <span>Mike</span> 
    </span> 
</div> 
<div class="class1"> //index 2 
    <span style="float: left;"> 
     <img src="myimg3.jpg" /> 
    </span> 
    <span style="float: right;"> 
     <span>Quentin</span> 
    </span> 
</div> 
... 

どのように私は上記を達成することができますか?

私が今行っている方法は、ちょうどTRUE FALSEを表示し、何度もそのレコードを表示します。

答えて

2
<asp:Repeater ID="repeater" runat="server"> 
    <ItemTemplate> 

     <div class='<%# Container.ItemIndex % 2 == 0 ? "class1" : "class2" %>'> 
      <span style='<%# Container.ItemIndex % 2 == 0 ? "float:left;" : "float:right;" %>'> 
       <img src='<%# Eval("ProfilePic") %>' /> 
      </span> 
      <span style='<%# Container.ItemIndex % 2 == 0 ? "float:right;" : "float:left;" %>'> 
       <asp:Label id="lFN" runat="server" Text='<%# Eval("Name") %>' /> 
      </span> 
     </div> 

    </ItemTemplate> 
</asp:Repeater> 
+1

ありがとうございます。私はこれが道だと思った。 – Si8