Question

以下代码运行正常，当我点击LinkButton时，选择将被解雇。

但是我在div上有悬停样式，以便在鼠标进入时它会改变颜色。这对用户来说很困惑，因为当他们点击div时，只有当他们点击LinkButton时才会发生任何事情。

我想在用户点击CommandName="Select"时触发div。我怎么能这样做？

<ItemTemplate>
    <div class="Card">
        <h4>
            <asp:LinkButton ID="SelectButton" Text='<%# Eval("Name") %>' CommandName="Select" runat="server"/> 
        </h4>
        <asp:Label runat="server" Text='<%# Eval("date") %>' />
        <asp:Label runat="server" Text='<%# Eval("location") %>' />
        <br />
    </div>
</ItemTemplate>

Answer 1

您可以使用jquery在点击div

时触发按钮的点击事件

$("#Card").click(function(){
    $("[id$=SelectButton]").trigger('click');
});

Answer 2

我将LinkButton置于div之外，解决了我的问题。现在整个div可以在DataList。

中点击

<ItemTemplate>
    <asp:LinkButton CommandName="Select" runat="server">
        <div class="Card">
            <h4>
                <asp:Label runat="server" Text='<%# Eval("Name") %>'></asp:Label>
            </h4>
            <asp:Label runat="server" Text='<%# Eval("date") %>' />
            <asp:Label runat="server" Text='<%# Eval("location") %>' />
            <br />
        </div>
    </asp:LinkButton>
</ItemTemplate>

使div可单击并使用CommandName =“Select”

2 个答案: