Este es un codigo sencillo pero bastante util, yo lo uso seguido. Lo que hace es usar javascript para resaltar las lineas de un GridView cuando el usuario les pasa el mouse encima. Aqui les va el codigo:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
ClientScript.RegisterClientScriptBlock(typeof(string),“resaltarFila”, @”function setMouseOverColor(element) {
oldgridSelectedColor = element.style.backgroundColor;
element.style.backgroundColor=’yellow’;
element.style.textDecoration=’underline’;
}
function setMouseOutColor(element) {
element.style.backgroundColor=oldgridSelectedColor;
element.style.textDecoration=’none’;
}”,true);
GridView1.DataSource = palabras;
GridView1.DataBind();
}
}
protected
void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
e.Row.Attributes["onmouseover"] =
“javascript:setMouseOverColor(this);”;
e.Row.Attributes["onmouseout"] =
“javascript:setMouseOutColor(this);”;
}
}
Explicacion
Primero utilizamos el evento pageload de la pagina para agregar nuestra funciona de javascript en el codigo HTML. Lo que agregamos son dos funciones para cambiar el fondo de la fila. Luego en el evento RowDataBound de nuestro gridview agregamos las dos funciones en los eventos “onmouseout” y “onmouseover” de nuestra fila. Pueden modificar el script para usar el color que ustedes quieran.
Related posts:
{ 2 comments… read them below or add one }
Hola, tengo una pregunta para ustedes, necesito que cuando ubique el mouse en una celda de un gridview, salga como especie de un tooltip mostrando una información. quisiera saber si ya han hecho algo parecido y sino me puedes dar alguana idea de como lo hacerlo.
mucha gracias por la atención prestada, espero tu pornta respuesta.
pues no me sale me gustaria que me lo explicaran mas, gracias