时间戳

首页 > 解决方案 > ASP.NET Gridview 上的引导样式按钮组

c# - ASP.NET Gridview 上的引导样式按钮组

问题描述

我的 ASP.NET GridView 最左列上有这 3 个按钮。

<asp:ButtonField ButtonType="Button" Text="E" CommandName="EditTimeRecord" ControlStyle-CssClass="btn btn-default" >
<ControlStyle CssClass="btn btn-default" />
<ItemStyle Width="5%" />
</asp:ButtonField>

<asp:ButtonField ButtonType="Button" Text="C" CommandName="CopyTimeRecord" ControlStyle-CssClass="btn btn-default" >
<ControlStyle CssClass="btn btn-default" />
<ItemStyle Width="5%" />
</asp:ButtonField>

<asp:ButtonField ButtonType="Button" Text="D" CommandName="DeleteTimeRecord" ControlStyle-CssClass="btn btn-default" >
<ControlStyle CssClass="btn btn-default" />
<ItemStyle Width="5%" />
</asp:ButtonField>

我想将这些组合在一起，就像混合了一系列按钮的下拉菜单。我也想过这样做：

<asp:TemplateField>
                        <ItemTemplate>
                            <div class="dropdown">
                              <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                Action
                              </button>
                              <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                                    <button class="dropdown-item" type="button" onclick="EditRow">Edit</button>
                                    <button class="dropdown-item" type="button" onclick="CopyRow">Copy</button>
                                    <button class="dropdown-item" type="button" onclick="DeleteRow">Delete</button>
                              </div>
                            </div>
                        </ItemTemplate>
                    </asp:TemplateField>

但是我会丢失 ASP 网格和按钮事件。

我宁愿使用 ASP.NET 按钮控件，因为它更易于使用和操作网格并连接到我的后端代码。

有没有人解决过这个问题？

标签： c#asp.nettwitter-bootstrap-3webforms

解决方案

你可以试试这个

<asp:TemplateField>
    <ItemTemplate>
        <div class="dropdown">
            <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action</button>
            <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                <asp:Button Text="Edit" CssClass="dropdown-item" CommandName="EditTimeRecord" runat="server" />
                <asp:Button Text="Copy" CssClass="dropdown-item" CommandName="CopyTimeRecord" runat="server" />
                <asp:Button Text="Delete" CssClass="dropdown-item" CommandName="DeleteTimeRecord" runat="server" />
            </div>
        </div>
    </ItemTemplate>
</asp:TemplateField>

推荐阅读