Question

我为令人费解的头衔道歉。

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

要绑定到此DataList的数据表是：

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

background-color的{{1}}已设置为div列中的颜色。所以我知道该属性的background正在发挥作用。

我的问题是：如何将Eval background-color的{{1}}更改为div列MouseOver中的值。例如，对于显示 Joe 的datalist项，背景颜色将为黄色。当我将光标移到该单元格上时，背景颜色将变为橙色。

拜托，没有jquery。

感谢。

Answer 1

我最终以这种方式使用onMouseover：

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

在DataList上使用DataList ItemTemplate中的div上的Eval？

1 个答案: