Как добавить цвет фона для флажка в gridview

Question

У меня есть сетка с 5 флажком. мне нужно добавить для eack CheckBox разного цвета Backgound, который

я полностью есть 5 строк в GridView с 5 флажком для каждой строки мне нужно добавить различные цветовые

chececkbox1-red color 
chececkbox2-green color 
chececkbox3-blue color 
chececkbox4-black color 
chececkbox5-brown color 

, как я могу получить achived это один любая помощь была бы замечательной.

Answer 1

Только быстрое решение с моего ума .. этот код будет делать работу .. если вы хотите, чтобы я добавить explination/Комментарии .. я бы с удовольствием добавить :)

на дизайн стороне, добавить это свойство для вашего GridView

onrowdatabound="GridView1_RowDataBound" 

И код позади добавить следующий метод:

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
    if (e.Row.RowType == DataControlRowType.DataRow) 
    { 
     List<string> array = new List<string>(); 
     GridViewRow row = e.Row; 
     switch (e.Row.RowIndex) 
     { 
      case 0: 
       row.Cells[2].BackColor = System.Drawing.Color.Red; 
       break; 
      case 1: 
       row.Cells[2].BackColor = System.Drawing.Color.Green; 
       break; 
      case 2: 
       row.Cells[2].BackColor = System.Drawing.Color.Blue; 
       break; 

      case 3: 
       row.Cells[2].BackColor = System.Drawing.Color.Black; 
       break; 

      case 4: 
       row.Cells[2].BackColor = System.Drawing.Color.Brown; 
       break; 
     } 

    } 
} 

Answer 2

В случае события RowCreating найдите ячейку, в которой отображается флажок, и задайте цвет фона ячейки.

Answer 3

для меня, лучший способ, чтобы отделить стиль в CSS везде, где это возможно, хотя я не KNO w, если ваша привязка динамически или не так неуверена, какой способ назначить классы CSS.

Я сделал что-то подобное, используя только html и css (некоторые JS тоже, но это можно игнорировать) по адресу: http://www.ajgraham.com/codestore/togglecheckbox/checkbox.html. Из того, что я помню, мне пришлось покрасить фон ярлыка, который обернул флажок, хотя, когда вы используете флажок в GridView, он автоматически создает с ним ярлык.

Возможно, я смогу помочь с большей информацией или примерами кода.

Alex