Как изменить цвет фона выбранного элемента?

Question

Как изменить цвет фона выбранного элемента сетки в веб-приложениях Asp.net?

Answer 1

вы можете попробовать вызов яваскрипта FUNCT ион на событии onmouseover. This website имеет быстрый пример:

На стороне сервера:

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) 
{ 
    if (e.Row.RowType == DataControlRowType.DataRow) 
    { 
     e.Row.Attributes["onmouseover"] = 
      "javascript:mouseovercolor(this);"; 
     e.Row.Attributes["onmouseout"] = 
      "javascript:mouseoutcolor(this);"; 
    } 
} 

На стороне клиента:

<script language=javascript type="text/javascript"> 
    function mouseovercolor(mytxt) { 
     mytxt.bgColor = 'Orange'; 
    } 
    function mouseoutcolor(mytxt) { 
     element.bgColor = 'White'; 
    } 
</script> 

Отредактировано:This site has a nice example о том, как заставить его работать с onClick события:

Сторона сервера:

protected void GridView1_RowDataBound(Object sender, GridViewRowEventArgs e){ 
    if (e.Row.RowType == DataControlRowType.DataRow){ 
    // javascript function to call on row-click event 
    e.Row.Attributes.Add("onClick", "javascript:void SelectRow(this);"); 
    } 
} 

Клиент сторона:

<script type="text/javascript"> 
     // format current row 
     function SelectRow(row) { 
      var _selectColor = "#303030"; 
      var _normalColor = "#909090"; 
      var _selectFontSize = "3em"; 
      var _normalFontSize = "2em"; 
      // get all data rows - siblings to current 
      var _rows = row.parentNode.childNodes; 
      // deselect all data rows 
      try { 
       for (i = 0; i < _rows.length; i++) { 
        var _firstCell = _rows[i].getElementsByTagName("td")[0]; 
        _firstCell.style.color = _normalColor; 
        _firstCell.style.fontSize = _normalFontSize; 
        _firstCell.style.fontWeight = "normal"; 
       } 
      } 
      catch (e) { } 
      // select current row (formatting applied to first cell) 
      var _selectedRowFirstCell = row.getElementsByTagName("td")[0]; 
      _selectedRowFirstCell.style.color = _selectColor; 
      _selectedRowFirstCell.style.fontSize = _selectFontSize; 
      _selectedRowFirstCell.style.fontWeight = "bold"; 
     } 
</script> 

Answer 2

Вы можете сделать это в странице ASPX под GridView тегу:

<SelectedRowStyle BackColor="Orange" /> 

Но если вы хотите другой цвет при наведении мыши или курсора мыши попробуйте выполнить следующие действия в код под RowDataBound случае

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) 
    { 
     if (e.Row.RowType == DataControlRowType.DataRow) 
     { 
      e.Row.Attributes.Add("onmouseover", "this.style.cursor='hand';this.style.backgroundColor='orangered'"); 
      e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor='white'"); 
     } 
    } 

Также проверьте эту ссылку, если вы хотите, чтобы выбрать строку, не нажимая на кнопки: ASP.NET: Selecting a Row in a GridView