DevExpress での一覧、帳票等のレポート（ASPxWebDocumentViewer）のレコード背景色（交互：奇数）設定のサンプルです。
現状の画面デザインはこのようになっています。
＜レポートのレコード背景色（交互：奇数）設定＞
「XrTable1」オブジェクトを選択します。
「XrTable1」のプロパティから「Me.XrTable1.EvenStyleName = “XrControlStyle1″」を設定します。
↓
「XrControlStyle1」のプロパティから「Me.XrControlStyle1.BackColor = System.Drawing.Color.FromArgb(CType(CType(255, Byte), Integer), CType(CType(224, Byte), Integer), CType(CType(192, Byte), Integer))」を設定します。
↓
【サンプルプログラム（VB.Net）】
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
' 'XrTable1 ' Me.XrTable1.BorderColor = System.Drawing.Color.Blue Me.XrTable1.Borders = CType((((DevExpress.XtraPrinting.BorderSide.Left Or DevExpress.XtraPrinting.BorderSide.Top) _ Or DevExpress.XtraPrinting.BorderSide.Right) _ Or DevExpress.XtraPrinting.BorderSide.Bottom), DevExpress.XtraPrinting.BorderSide) Me.XrTable1.BorderWidth = 2.0! Me.XrTable1.EvenStyleName = "XrControlStyle1" Me.XrTable1.LocationFloat = New DevExpress.Utils.PointFloat(0!, 0!) Me.XrTable1.Name = "XrTable1" Me.XrTable1.Padding = New DevExpress.XtraPrinting.PaddingInfo(2, 2, 0, 0, 96.0!) Me.XrTable1.Rows.AddRange(New DevExpress.XtraReports.UI.XRTableRow() {Me.XrTableRow1}) Me.XrTable1.SizeF = New System.Drawing.SizeF(1165.0!, 50.0!) Me.XrTable1.StylePriority.UseBackColor = False Me.XrTable1.StylePriority.UseBorderColor = False Me.XrTable1.StylePriority.UseBorders = False Me.XrTable1.StylePriority.UseBorderWidth = False Me.XrTable1.StylePriority.UseTextAlignment = False Me.XrTable1.TextAlignment = DevExpress.XtraPrinting.TextAlignment.MiddleCenter ' 'XrControlStyle1 ' Me.XrControlStyle1.BackColor = System.Drawing.Color.FromArgb(CType(CType(255, Byte), Integer), CType(CType(224, Byte), Integer), CType(CType(192, Byte), Integer)) Me.XrControlStyle1.Name = "XrControlStyle1" Me.XrControlStyle1.Padding = New DevExpress.XtraPrinting.PaddingInfo(0, 0, 0, 0, 100.0!) |
それでは、実行して動作確認を行います。
↓
無事、一覧、帳票等のレポート（ASPxWebDocumentViewer）のレコード背景色（交互：奇数）設定が出来ました。
