Использование Eval на div внутри DataList ItemTemplate для MouseOver?

Приношу извинения за замысловатое название.

У меня естьDataList, что выглядит как ниже:

<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>

И datatable, котор нужно связать к этомуDataList:

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

The background-colordivуже установлен в цвет в столбце background. Поэтому я знаю, что Evalэтот атрибут работает.

Мой вопрос: как я могу изменить background-colorзначение divon MouseOverна значение в datatableстолбце background_mouseOver. Например, для элемента datalist, который говорит Joe, цвет фона будет желтым . Когда я наведу курсор на эту ячейку, цвет фона изменится на оранжевый .

Пожалуйста, без jquery.

Спасибо.

1 ответ

  1. Я в конечном итоге использовать onMouseoverэтот путь:

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