So ändern Sie das gridview-Zeile Farben im onclick-event in javascript?

Schrieb ich Folgendes GridView code in ASP.NET. Ich habe die AlternatingRow Stil ist BackColor um die bisque. Die restlichen Zeilen werden auf weiß gesetzt.

Dieser code existiert in meinem grdRequests_RowDataBound Veranstaltung:

if (e.Row.RowType == DataControlRowType.DataRow)
{
    e.Row.Attributes.Add("onclick", "ChangeRowColor(this)");
    e.Row.Attributes.Add("onmouseover", "this.style.cursor=\'pointer\'");
}

JavaScript ChangeRowColor code oben ist wie folgt:

function ChangeRowColor(row) 
{
    if (previousRow == row) 
        return;         

    else if (previousRow != null)
        var color = row.style.backgroundColor;

    if (previousRow != null) {

        alert(color)

        if (color == "bisque") {
            previousRow.style.backgroundColor = "white";
        }
        else if (color == "white") {
            previousRow.style.backgroundColor = "bisque";
        }        
    }

    row.style.backgroundColor = "#ffffda";
    previousRow = row;    
}

Wenn ich auf die Zeile, die ich brauche um die Farbe zu ändern, wie gelb. Nach der Auswahl einer anderen Zeile, die ich brauche zum wechseln der vorherigen Zeile die Farbe wieder zu seiner alten Farbe, aber in meinem code funktioniert das nicht. Irgendwelche Vorschläge?

Sind Sie verwenden (oder verwenden kann) jQuery in Ihr Projekt? Es wäre ein Weg, eine bessere Lösung für dieses...
Nein, ich bin nicht mit jquery keiner Weise senden Sie mir code werde ich versuchen
stackoverflow.com/questions/5630082/...

InformationsquelleAutor hmk | 2011-10-19

  1. 1

    können Sie dies so tun...

     protected void MyGridView_RowCreated(object sender, GridViewRowEventArgs e)
 {

    string rowStyle = "this.style.backgroundColor
    = 'yellow'";
    string rowStyleClickedTwice =
    "this.style.backgroundColor = 'blue'";
    string rowID = String.Empty; 

    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        rowID = "row"+e.Row.RowIndex; 

        e.Row.Attributes.Add("id",
        "row"+e.Row.RowIndex);
        e.Row.Attributes.Add("onclick",
        "ChangeRowColor(" +"'" + rowID + "'" + ")");
    }       
}

    - Und dies ist die Java-Script-code:

     <input type="hidden" id="hiddenColor"  />
 <script language ="javascript" type="text/javascript">

  document.body.style.cursor = 'pointer'; 


 function ChangeRowColor(rowID) 
 { 
     var color = document.getElementById(rowID).style.backgroundColor;
     alert(color);   

     if(color != 'yellow') 
     document.getElementById("hiddenColor").style.backgroundColor = color;

     alert(oldColor); 

     if(color == 'yellow')
    document.getElementById(rowID).style.backgroundColor = document.getElementById("hiddenColor").style.backgroundColor;
     else
     document.getElementById(rowID).style.backgroundColor = 'yellow';             

  }
</script>

    ich hoffe es hilft dir....

    danke u es funktioniert

    InformationsquelleAutor Enigma State

  2. 0
    in ur function use the row object to get the rows to loop over them and return them to there default color

  function ChangeRowColor(row) 
     {   

          var rows = row.parentNode.getElementsByTagName('TR');
          //loop over all rows and set there colors to default
          for(var i =0;i<rows.length;i++)
            {
             rows[i].style.backgroundColor= 'White'; //if its your default color 
            }      
         //set the current row to be with the needed color
         row.style.backgroundColor = "YELLOW" //if this is the color needed onclick;
     }

    Hinsichtlich

    InformationsquelleAutor Marwan

  3. 0

    Können Sie aufrufen, javascript Funktion in GridView RowDataBound-Ereignis.

     protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)  
          {   
             if (e.Row.RowType == DataControlRowType.DataRow)    
                  {  
                e.Row.Attributes.Add("onClick", "ChangeColor('" + "GridView1','" + (e.Row.RowIndex+1).ToString() + "')");
            }
        }




    function ChangeColor(GridViewId, SelectedRowId) {
        var GridViewControl = document.getElementById(GridViewId);
        if (GridViewControl != null) {
            var GridViewRows = GridViewControl.rows;
            if (GridViewRows != null)
            {
                var SelectedRow = GridViewRows[SelectedRowId];
                //Remove Selected Row color if any
                for (var i = 1; i < GridViewRows.length; i++) {
                    var row = GridViewRows[i];
                    if (row == SelectedRow) {
                        //Apply Yellow color to selected Row
                        row.style.backgroundColor = "#ffffda";
                    }
                    else {
                        //Apply White color to rest of rows
                        row.style.backgroundColor = "#ffffff";
                    }
            }

            }
        }

    }

    InformationsquelleAutor Chandra Malla

Schreibe einen Kommentar