<ComponentOne Studio for WPF下載>

對(duì)于C1FlexGrid，如何給單元格設(shè)置樣式（包括前景色，背景色）是提出最多的問題。本文就通過示例介紹如何給C1FlexGrid設(shè)置特定單元格的樣式。通常情況，我們通過C1FlexGrid的CellFactory實(shí)現(xiàn)樣式的設(shè)置，通過重寫ApplyCellStyles方法來實(shí)現(xiàn)。

數(shù)據(jù)綁定

首先，我們需要對(duì)c1flexgrid進(jìn)行數(shù)據(jù)綁定顯示數(shù)據(jù)。在這里，我們假設(shè)綁定一個(gè)DataTable，代碼如下：

DataTable dt = new DataTable();
dt.Columns.Add("CurrencyCode", typeof(int));
dt.Columns.Add("Industry", typeof(string));
dt.Columns.Add("Market", typeof(string));
dt.Columns.Add("Sector", typeof(int));
dt.Columns.Add("Total", typeof(double));
dt.Columns.Add("SecurityType", typeof(string));
dt.Rows.Add(1, "Ind1", "M1", 100, null, "type1");
dt.Rows.Add(2, "Ind2", "M2", 200, null, "type2");
dt.Rows.Add(3, "Ind3", "M3", 300, 12345678.1234567, "type3");
dt.Rows.Add(4, "Ind4", "M4", 400, 12345678.1234567, "type4");
dt.Rows.Add(5, "Ind5", "M5", 500, 12345678.1234567, "type5");
dt.Rows.Add(6, "Ind6", "M6", 600, 12345678.1234567, "type6");
dt.Rows.Add(7, "Ind7", "M7", 700, 12345678.1234567, "type7");
dt.Rows.Add(8, "Ind8", "M8", 800, 12345678.1234567, "type8");
dt.Rows.Add(9, "Ind9", "M9", 900, 12345678.1234567, "type9");

flex.ItemsSource = dt.AsDataView();

設(shè)置CellFactory

自定義一個(gè)MyCellFactory類繼承CellFactory，并且設(shè)置給C1FlexGrid。代碼如下：

flex.CellFactory = new MyCellFactory();

重寫ApplyCellStyles

通過重寫CellFactory的ApplyCellStyles方法，來實(shí)現(xiàn)指定單元格的樣式設(shè)置。通過bdr拿到單元格的TextBlock，并且設(shè)置TextBlock的文字樣式（比如FontWeight,FontSize)。以及bdr設(shè)置背景色。代碼參考：

public override void ApplyCellStyles(C1FlexGrid grid, CellType cellType, CellRange range, Border bdr)
{
var columnindex = range.Column;
var rowindex = range.Row;
if ((columnindex == 2) && (rowindex == 3))
{
//set the customizations on the cell when it is not selected
bdr.Background = new SolidColorBrush(Colors.Red);
bdr.BorderBrush = Brushes.Blue;
bdr.BorderThickness = new Thickness(1);
}
}

這個(gè)時(shí)候運(yùn)行代碼，就發(fā)現(xiàn)column=2, row=3的單元格的樣式已經(jīng)改變，如圖：

代碼改進(jìn)

這個(gè)時(shí)候樣式已經(jīng)設(shè)置完成。但是當(dāng)選擇到指定的單元格的時(shí)候，這個(gè)樣式會(huì)保持不變。有的用戶就希望原本的Selection 的樣式能夠保留。我們通過改進(jìn)代碼來實(shí)現(xiàn)這個(gè)需求：這個(gè)時(shí)候，我們需要添加一個(gè)判斷條件，來判斷指定單元格是否被選擇。判斷條件：

if (columnindex == grid.Selection.Column && rowindex == grid.Selection.Row)

如果指定單元格被選擇，就將背景色設(shè)置為選擇背景色。這個(gè)時(shí)候的改進(jìn)方法如下：

public override void ApplyCellStyles(C1FlexGrid grid, CellType cellType, CellRange range, Border bdr)
{
var columnindex = range.Column;
var rowindex = range.Row;

//check if the cell is selected or not
if ((columnindex == 2) && (rowindex == 3))
{
if (columnindex == grid.Selection.Column && rowindex == grid.Selection.Row)
{
//set a different backcolor and border brush
//when the cell is selected
//leave the remaining customizations as it is
bdr.Background = grid.SelectionBackground;
}
else
{
bdr.Background = new SolidColorBrush(Colors.Red);
bdr.BorderBrush = Brushes.Blue;
bdr.BorderThickness = new Thickness(1);
}
}

}

至此，就實(shí)現(xiàn)了指定單元格的背景色設(shè)置。

本文的示例請(qǐng)下載：

PS: 關(guān)于ComponentOne，這些產(chǎn)品你可以關(guān)注>>

本文轉(zhuǎn)載自