Dropdown innerhalb Gridview wird beibehalten nicht die Hintergrundfarbe, wenn Postbacks

Question

ich eine <asp:DropDownList> innerhalb eines <asp:TemplateField> in einem Gridview haben:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="DatosTablaHandoff"> 
     <Columns> 
      <asp:TemplateField HeaderText="STATUS"> 
       <ItemTemplate> 
        <asp:DropDownList ID="DropDownGV" runat="server" onchange="SetDropDownListColor(this);"> 
        <asp:ListItem>Select...</asp:ListItem> 
        <asp:ListItem>Complete</asp:ListItem> 
        <asp:ListItem>Running</asp:ListItem> 
        <asp:ListItem>Waiting in SEV 1</asp:ListItem> 
        <asp:ListItem>No Batch</asp:ListItem> 
       </asp:DropDownList> 
       </ItemTemplate> 
      </asp:TemplateField> 
     </Columns> 
    </asp:GridView> 

Und ich habe ein Skript in js ein „Element Hintergrundfarbe“, je nach auf dem Münster Gewählter Artikel:

function SetDropDownListColor(ddl) { 
     for (var i = 0; i < ddl.options.length; i++) { 
      if (ddl.options[i].selected) { 
       switch (i) { 
        case 0: 
         ddl.style.backgroundColor = 'White'; 
         return; 
        case 1: 
         ddl.style.backgroundColor = 'lightgreen'; 
         return; 
        case 2: 
         ddl.style.backgroundColor = 'Yellow'; 
         return; 
        case 3: 
         ddl.style.backgroundColor = 'orangered'; 
         return; 
        case 4: 
         ddl.style.backgroundColor = 'Grey'; 
         return; 
       } 
      } 
     } 
    } 

Es funktioniert alles in Ordnung. Aber beim Postback verschwindet die Farbe. Der DropDown in jeder Zeile bleibt mit dem Selected Value wie ich will, aber mit Hintergrundfarbe Weiß.

ich dieses andere Skript (außerhalb der Funktion), um die Farbe, wenn Postbacks zu „retten“, aber es funktioniert nur, wenn die Dropdown außerhalb des Gridview ist:

window.addEventListener('load', function() { SetDropDownListColor(document.getElementById('<%= DropDownList1.ClientID %>')); }, false); 

Answer 1

Sie geben könnten alle Ihre DropDownList ' sa CssClass und dann durch diese Sammlung von Elementen durchlaufen, um Ihre SetDropDownListColor Funktion aufzurufen.

Etwas wie folgt aus:

.NET

<asp:DropDownList ID="DropDownGV" runat="server" CssClass="ddl" onchange="SetDropDownListColor(this);"> 

JS

window.addEventListener('load', function() { 
     var ddls = document.querySelectorAll(".ddl"); 
     for (var i = 0, length = ddls.length; i < length; i++) { 
      SetDropDownListColor(ddls[i]); 
     } 
    }, false); 

Answer 2

Thank you! es ist nicht 100% korrekt, weil ich einige Änderungen vornehmen musste, aber es hilft sehr! Das funktioniert bei mir:

window.addEventListener('load', function() { 
var dropdowns = new Array(); 
var gridview = document.getElementById('<%= GridView1.ClientID %>'); 
dropdowns = gridview.getElementsByTagName('select'); 
for (var i = 0; i < dropdowns.length; i++) { 
SetDropDownListColor(dropdowns[i]); } }, false);