Группа кнопок в стиле начальной загрузки в ASP.NET Gridview

Question

У меня есть эти 3 кнопки в моем левом столбце ASP.NET GridView.

<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, потому что проще использовать сетку и манипулировать ею, а также подключаться к моему внутреннему коду.

Кто-нибудь решил эту проблему?

Answer 1

Вы можете попробовать это

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