チュートリアル11: スタイルを使って関連データを強調表示する

このチュートリアルでは、グリッド内の値に依存する行スタイルを作成して、グリッドの行を強調表示するように変更する方法を学びます。 True DBGrid では、スタイルの特性を作成し、それらを動的に行に適用するには、FetchRowStyle イベントを使用します。

以下の手順を実行します

チュートリアル10: セル内ビットマップを使ってユーザーインタフェースを強化するで使用したプロジェクトから始めます。
フォームにラジオボタンを３つ追加します。RadioButton1 は見込み顧客に、RadioButton2 は業者に、RadioButton3 はグリッドのリセットにそれぞれのキャプションを変更します。次のようなフォームを作成します。

Form1 の一般セクションに次の宣言を追加します。

Visual Basic	コードのコピー
Dim bflag As Integer

C#	コードのコピー
int bflag;

Button1 の Click イベントに次のコードを追加します。

Visual Basic	コードのコピー
' 見込み顧客。 Me.C1TrueDBGrid1.FetchRowStyles = True bFlag = 1 Me.C1TrueDBGrid1.Refresh()

C#	コードのコピー
// 見込み顧客。 this.c1TrueDBGrid1.FetchRowStyles = true; bFlag = 1; this.c1TrueDBGrid1.Refresh();

Button2 の Click イベントに次のコードを追加します。

Visual Basic	コードのコピー
' 販売業者 Me.C1TrueDBGrid1.FetchRowStyles = True bFlag = 2 Me.C1TrueDBGrid1.Refresh()

C#	コードのコピー
// 販売業者 this.c1TrueDBGrid1.FetchRowStyles = true; bFlag = 2; this.c1TrueDBGrid1.Refresh();

Button 3 の Click イベントに次のコードを追加します。

Visual Basic	コードのコピー
' グリッドをリセットします。 Me.C1TrueDBGrid1.FetchRowStyles = False Me.C1TrueDBGrid1.Refresh()

C#	コードのコピー
//グリッドをリセットします。 this.c1TrueDBGrid1.FetchRowStyles = false; this.c1TrueDBGrid1.Refresh();

FetchRowStyle イベントに次のコードを入力します。このコードは、クリックイベント内の FetchRowStyle プロパティの設定に連動します。 FetchRowStyle が True に設定されている場合は、セルの再描画が必要になると、FetchRowStyle イベントが発生します。これにより、bflag フラグの整数値に基づいて、行スタイルが適用されます。

Visual Basic	コードのコピー
Private Sub C1TrueDBGrid1_FetchRowStyle(ByVal sender As Object, ByVal e As C1.Win.C1TrueDBGrid.FetchRowStyleEventArgs) Handles C1TrueDBGrid1.FetchRowStyle If bFlag = 1 And Me.C1TrueDBGrid1 (e.Row,"CustType") = 1 Then Dim fntFont As New Font(e.CellStyle.Font.Name, e.CellStyle.Font.Size, FontStyle.Bold) e.CellStyle.Font = fntFont e.CellStyle.ForeColor = System.Drawing.Color.Blue End If If bFlag = 2 And Me.C1TrueDBGrid1 (e.Row, "CustType") = 4 Then e.CellStyle.ForeColor = System.Drawing.Color.White e.CellStyle.BackColor = System.Drawing.Color.Red End If End Sub

Visual Basic

コードのコピー

Private Sub C1TrueDBGrid1_FetchRowStyle(ByVal sender As Object, ByVal e As C1.Win.C1TrueDBGrid.FetchRowStyleEventArgs) Handles C1TrueDBGrid1.FetchRowStyle
 
    If bFlag = 1 And Me.C1TrueDBGrid1 (e.Row,"CustType") = 1 Then
        Dim fntFont As New Font(e.CellStyle.Font.Name, e.CellStyle.Font.Size, FontStyle.Bold)
        e.CellStyle.Font = fntFont
        e.CellStyle.ForeColor =    System.Drawing.Color.Blue
    End If
 
    If bFlag = 2 And Me.C1TrueDBGrid1 (e.Row, "CustType") = 4 Then
        e.CellStyle.ForeColor = System.Drawing.Color.White
        e.CellStyle.BackColor = System.Drawing.Color.Red
    End If
End Sub

C#	コードのコピー
private void C1TrueDBGrid1_FetchRowStyle(object sender, C1.Win.C1TrueDBGrid.FetchRowStyleEventArgs e) { if (bFlag == 1 && (int)this.c1TrueDBGrid1 [e.Row, "CustType"] == 1 ) { Font fntFont = new Font(e.CellStyle.Font.Name, e.CellStyle.Font.Size, FontStyle.Bold); e.CellStyle.Font = fntFont; e.CellStyle.ForeColor = System.Drawing.Color.Blue; } if (bFlag == 2 && this.c1TrueDBGrid1 [e.Row, "CustType"] == 4 ) { e.CellStyle.ForeColor = System.Drawing.Color.White; e.CellStyle.BackColor = System.Drawing.Color.Red; } }

コードのコピー

private void C1TrueDBGrid1_FetchRowStyle(object sender,  C1.Win.C1TrueDBGrid.FetchRowStyleEventArgs e) 
{
    if (bFlag == 1 && (int)this.c1TrueDBGrid1 [e.Row, "CustType"] == 1 ) 
    {
        Font fntFont = new Font(e.CellStyle.Font.Name, e.CellStyle.Font.Size, FontStyle.Bold);
        e.CellStyle.Font = fntFont;
        e.CellStyle.ForeColor = System.Drawing.Color.Blue;
    }
 
    if (bFlag == 2 && this.c1TrueDBGrid1 [e.Row, "CustType"] == 4 )
    {
        e.CellStyle.ForeColor = System.Drawing.Color.White;
        e.CellStyle.BackColor = System.Drawing.Color.Red;
    }
}

プログラムを実行し、次の動作を確認します。

C1TrueDBGrid1 には、チュートリアル 10 と同じデータが表示されます。
見込み顧客をクリックします。グリッドは次のように表示されます。
業者ボタンをクリックします。グリッドは次のように表示されます。
最後に、グリッドのリセットボタンをクリックします。グリッドのスタイルがすべてリセットされます。

これでチュートリアル 11 は終了です。