웹 페이지에 리피터가 있는데 배경색을 변경하고 싶습니다. 첫 번째는 파란색, 두 번째 노란색, 파란색 등이 될 것입니다. 아래 표가 있지만 리피터에서 자바 스크립트 또는 CSS를 구현하는 방법을 모릅니다. 누구든지 도울 수 있습니까?
<asp:Repeater ID="cevapgoruntuleyici" runat="server"
OnItemDataBound="cevapgoruntuleyici_ItemDataBound">
<ItemTemplate>
<table width="693" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC">
<tr>
<td colspan="2" class="style2">
<asp:Label ID="lblcevapno" runat="server"></asp:Label><br />
<br />
<asp:Label ID="lblcevapdetay" runat="server"></asp:Label></td>
</tr>
<tr>
<td width="344">
<asp:Label ID="lblcevaplayan" runat="server"></asp:Label>
</td>
<td width="343" class="style3">
<asp:Label ID="lblcevaptarih" runat="server"></asp:Label>
</td>
<tr>
<td>
<asp:Label ID="CevapEk" Visible="false" runat="server" />
<asp:Button ID="CevapEkIndir" Visible="false" runat="server" OnClick="CevapEkIndir_Click" />
</td>
</tr>
</tr>
</table>
<br />
</ItemTemplate>
</asp:Repeater>
이를 수행하는 방법에는 여러 가지가 있습니다. 2 개를 넘을 게요.
Repeater 컨트롤을 사용하고 있기 때문에를 정의 할 수 있습니다 <ItemTemplate>. < AlternatingItemTemplate>"홀수"행을 참조하는를 정의 할 수도 있습니다. 이렇게하면 배경색 또는 클래스를 지정할 수 있습니다.
<asp:Repeater ID="cevapgoruntuleyici" runat="server"
OnItemDataBound="cevapgoruntuleyici_ItemDataBound">
<ItemTemplate>
<table width="693" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" **class="odd-row"**>
....
</table>
<br />
</ItemTemplate>
<AlternatingItemTemplate>
<table width="693" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC" **class="even-row"**>
....
</table>
<br />
</AlternatingItemTemplate>
</asp:Repeater>
CSS를 사용하여이 작업을 수행 할 수도 있습니다. 행 내용이 정확히 같으면 훨씬 더 간단합니다 (단지 다른 배경색 만 원하는 경우). 반복되는 테이블을 기본 테이블에 캡슐화하고 더 큰 새 테이블의 각 테이블 행에 클래스를 추가합니다.
tr:nth-child(even) {
background-color: yellow;
}
tr:nth-child(odd) {
background-color: blue;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다