使 div 可点击并使用 CommandName="Select"

Question

下面的代码工作正常，当我点击 LinkButton 时，select 将被触发。

但是我在 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"

Make div clickable and use CommandName="Select"

asp.net

datalist