こんばんは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:
はじめまして、エンジニアのKですこんにちは。エンジニアのKです。 既に何個か投稿済みですが、今回は簡単な自己紹介をしたいと思います。 経歴 学生時代は工学部に在籍し、無線通信の研究を行っていました。 ITSと呼ばれる自動車に搭載する無線通信技術や地上デジタル放送波の受信品質の改善などをテーマとして扱っていました。 今考え… Read More
はじめまして。Sです こんにちは! 昨年の5月からC#で開発をしているSと申します。 気づけばもう社会人2年目です。 経歴 大学時代は工学部に所属しており微生物の体内で薬の原料をつくる研究をしていましたが、 あまり刺激的ではない毎日に飽き飽きして仕事ではもっと面白いことがやりたい!と思い今の会社に入社しま… Read More
フロントエンド・タスクランナー(1: 入門編)フロントエンドエンジニア ふみえです。 今回はフロントエンド・タスクランナーについて書いていきたいと思います。 そもそもタスクランナーって何? フロントエンド開発において必要になってくる処理といえば、下記のようなものが挙げられると思います。 コードの圧縮 Sass などのコンパイル ファイル変… Read More
自己紹介 山田です。こんにちは山田です。 自己紹介を書いて行こうと思います。 人となりが伝わればと思います。 ■職業 : システムエンジニア 細かくいうと、Webアプリケーションのシステム開発をしています。 ブラウザ上で、動的に動くサイトになります。 入社は2014年で、社会人2年目になります。 開発環境:ASP… Read More
初めまして、ふみえです!この1月より、フロントエンドエンジニアとして入社しました、ふみえと申します! 経歴 新潟県新潟市生まれ。東京理科大学卒業後、オープンソース・ソフトウェア開発会社で勤務中に Web 業界で自身のやりたいことを見つけた後、Web 制作会社でコーダとして勤務、その後スタートアップ企業でフロントエンドエ… 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からというところがポイントですよね!
このコメントは投稿者によって削除されました。
返信削除