交互に色のセル

条にCFMLを使用してDBに接続する我々はどのように単純なSQL文字列を使用してテーブルからデータを抽出するCFMLとした汎用データベースに接続する方法を説明しました。

私たちのレポートの外観は、我々はそれがより視覚的に魅力的と文体を読みやすくするために、色を交互にセル内のデータを表示することによって、今行動をとる。

セルの背景色と奇数に使用する二つのクラスでのCSSスタイルシートを作成してみましょう

 。







 {



    



背景色：＃FFFFFF;







 }







 。B







 {



    



背景色：＃EEEEEE;







 }

ビデオは、クエリが現在のレコードの値を制御するMOD演算子は 2モジュラーである使用を示す、制御は、私たちはCSSのクラスと1つの回線を割り当てるには残して、交互の行でtrueまたはfalseをされていない返すBoolean値を返します。画面上で望ましい効果を返す。

レッツ例を参照してください。

 <table align="center" width="100" border="1">



    



 <cfoutput Query="Q">



    



 <tr class="#IIF(Q.CurrentRow MOD 2, DE('A'), DE('B'))#">



        



 Q. <TD>＃フィールド名＃</ TD>



    



 </ TR>



    



 </ cfoutput>は







 </表>

サーバから返されるHTMLコードは次のようになります。

 <table align="center" width="100" border="1">





    



 <tr class="A">



        



 <TD>ルーク</ TD>



    



 </ TR>





    



 <tr class="B">



        



 <TD>最大</ TD>



    



 </ TR>





    



 <tr class="A">



        



 <TD>クラウディオ</ TD>



    



 </ TR>





    



 <tr class="B">



        



 <TD>ジェームズ</ TD>



    



 </ TR>









 </表>