2015年11月18日水曜日

リピーターにバインドしたデータの奇数個目と偶数個目で異なるクラスのCSSをあてる方法

  
こんばんは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>　・・・


Related Posts:

  • 申し訳ない、御社をつぶしたのは私です。 カレン・フェラン著こんにちは、山田です。 知り合いのお兄さんにおすすめされて 読んでみた本の紹介です。 小学生並みの感想文になりますが、 ご容赦いただければと思います。 調べて見ると、少し前に流行った本みたいで、 とあるメーカーから実際に請け負った案件の中で、 つぶれていく会社を目の当たりにする体験談でし… Read More
  • 改めまして、おかだです。 このブログが開設されてから約半年、、 これから記事を整理してみんなで分担して書いていこうという流れになっていますので、 そのトップバッターとして自己紹介をしたいと思います。はずかしい。 おかだと申します。 千葉県出身、辰年生まれのアラサー女です。2012年入社の社会人４年目になります。 … Read More
  • 404.1、404.2という状態コードとは？こんにちは山田です。  Webサイトの運用や開発者なら誰でも、 「404 - ファイルが見つかりません」や 「401 - 権限がありません」 などのエラー メッセージを見たことがあると思います。 この時、特定のHTTP状態コードが出たときに、 自分で作成したエラー画面を指定してあげるこ… Read More
  • ページネーションに、並び替えや絞り込みがあった場合を調べてみた②こんにちは山田です。 年末ですね。今年も一年の締めになりました。 年神様を迎えられるように、身辺を整理しましょう。 （山田家では、そもそも鏡餅は幾年も飾っていませんが気持ちだけ） さて毎度のことながら、グーグルのリファレンスを読んでおり 解読が増えた項目がありました。  ↓↓↓ コンテ… Read More
  • ページネーションに、並び替えや絞り込みがあった場合を調べてみた①こんにちは山田です。 冬至になりましたね。日が短いと観光地が値崩れするので 個人的にはベスト旅行シーズンの到来でウキウキしてしまいます。 さて本日は、 ページネーションについて深堀してみました。 結論からいうとまだよくわかりません。 ■そもそもの目的 SEO対策としてURLの正規化をして、検索… Read More

3 件のコメント:

  1. shin762015年11月18日 19:31

    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. systemana2015年11月19日 20:44

      そうなんです！！
      割り算の話になるとついつい1から始めたくなってしまいますが
      0からというところがポイントですよね！

      削除
  2. systemana2015年11月19日 20:40

    このコメントは投稿者によって削除されました。

    返信削除

登録: コメントの投稿 (Atom)