Verwendung von Eval auf Div in DataList ItemTemplate für MouseOver?

Question

Ich entschuldige mich für den gewundenen Titel.

Ich habe ein DataList, die unten wie folgt aussieht:

<asp:DataList ID="DataListFloor" runat="server" RepeatColumns="5" > 
    <ItemTemplate> 
     <div style='width:199px;height:166px;background-color: <%# Eval("background") %>'> 
      <div style="width: 199px; height: 22px; overflow: hidden;"> 
       <div style="box-sizing: border-box; width:97px; float:left;"> 
        <asp:Label ID="Label1" runat="server" Text='<%# Eval("Name")%>'></asp:Label> 
       </div> 
      </div> 
     </div> 
    </ItemTemplate> 
</asp:DataList> 

und die Datentabelle zu binden auf diese DataList ist:

Name background background_mouseOver 
---------------------------------------- 
Joe  Yellow  Orange 
Mary white  Beige 
Jane Red   Maroon 
Carl gray  Darkgray 

Die background-color des div ist bereits auf die Farbe in der Spalte background. Ich weiß also, dass Eval für dieses Attribut funktioniert.

Meine Frage ist: Wie kann ich die background-color des div auf MouseOver auf den Wert in datatable Spalte background_mouseOver ändern. So wird zum Beispiel für das Datenobjekt, das Joe lautet, die Hintergrundfarbe Gelb. Wenn ich den Mauszeiger über diese Zelle bewege, ändert sich die Hintergrundfarbe in Orange.

Bitte, keine jquery.

Danke.

Answer 1

ich landete mit onMouseover auf diese Weise:

<div onMouseover="this.style.backgroundColor = '<%# Eval("background_mouseOver")%>'" style='background-color: <%# Eval("background") %>'> 
</div>