こんばんはSです!
長いタイトルの通り、今日は
【リピーターにバインドしたデータの奇数個目と偶数個目で異なるクラスのCSSをあてる方法】
についてです♪
こういうときに役に立つのが%で、下記のように書くと上手くいきます。
<li class='<%# (((Container.ItemIndex % 2) == 1) ? "even" : "")%>'>
※even : 偶数個目にだけ適用するCSSのクラス名
(奇数個目じゃない?と思った方は私と同じ罠にはまっています笑)
▼イメージ
<li >aaa</li>
<li class='even'>aaa</li>
<li >aaa</li>
<li class='even'>aaa</li> ・・・
リピーターにバインドしたデータの奇数個目と偶数個目で異なるクラスのCSSをあてる方法
Related Posts:
クエリの速度を見る方法 こんにちわ山田です。 MSのManagement Studio を使った SQL Server の操作で クエリの実行速度の計測方法を知ったのでその覚書です。 いつも使っているクエリの実行の右隣に、 「実行プラン」と「クライアント統計」というアイコンがあります。 選択して、いつも通りクエ… Read More
インライン式 <%= %> と <%# %>の違いインライン式 <%= %> と <%# %>の違い こんにちわ、山田です。 ASP.NETを使っていてよくわからなかったところがあったのでまとめました。 この書き方、調べたらインライン式というらしい。 自分がよく使うものをまとめてみました。 ■埋め込みコードブロック【&l… Read More
指定の文字数を取得する こんにちはYです。 SEO対策をしていて、ちょっと文字が多いな、、、と感じた箇所にぶつかりました。 データもとの文章を変更せずに、先頭の~文字で切って妥協することにしました。 その時の対処方法です。 String.Substring メソッドを使用しました。 String nagaiMoji… Read More
Facebookのシェアで違う画像が表示されるときにキャッシュクリアする方法こんにちわYです。 Facebookのシェアボタンで目的と違うサムネイルが表示される問題があったので調べてみました。 元々間違っていた箇所としては「og:image」に指定する画像が間違っており、修正しました。 ですが、それだけではダメみたいで FBの方でキャッシュが残っていたことがわかりました… Read More
ファイルアップロードで苦戦したところ(4MB) こんにちわYです。 本日は、ASP.NET 2.0 のファイルアップロードで苦労したところになります。 どういうわけか、ファイルサイズが4MB超えるとエラーになってしまうというものです。 System.Web.HttpUnhandledExcep… Read More
C#のRepeaterコントロール内では、
返信削除Container.ItemIndex
で今の順番(何順目のループか)が分かる。
で、この数値は、0から始まる。 ⇒ 一週目は「0」になる。
ので、この数値を2で割った時の余りが、1であれば偶数番目、ということだね。
Container.ItemIndexの値 ループの周回数 Container.ItemIndexの値を2で割った余り
0 1 0
1 2 1
2 3 0
3 4 1
4 5 0
5 6 1
そうなんです!!
削除割り算の話になるとついつい1から始めたくなってしまいますが
0からというところがポイントですよね!
このコメントは投稿者によって削除されました。
返信削除