asp.net 按钮中的 Bootstrap 按钮下拉菜单答案

【问题标题】：Bootstrap button dropdown in asp.net buttonasp.net 按钮中的 Bootstrap 按钮下拉菜单
【发布时间】：2019-02-17 05:02:00
【问题描述】：

我想在 asp.net 按钮中实现 Bootstrap 下拉按钮

这是引导按钮

<!-- Split button -->
<div class="btn-group">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

这里我实现了 upto 按钮，但我不知道如何做下拉部分

<asp:Button ID="btnMore" class="btn btn-danger dropdown-toggle" 
    data-toggle="dropdown" runat="server" Text="SMS" />

你可以在引导程序中看到这个按钮Click Here

【问题讨论】：

一种更简单的方法是添加runat="server" 并将OnServerClick="" 与上面现有的html 一起使用。
您是否同时加载 bootstrap.min.js 和 bootstrap.dropdown.js？
@mxmissile 我用那个但是如何实现Dropdown
@Dnyanesh 是的，都加载。
然后不要加载 bootstrap.dropdown.js 代码应该适合你。

标签： c# asp.net css twitter-bootstrap

【解决方案1】：

你需要改变两点。按钮action 使帖子返回并在后面的代码中调用您的函数，并且菜单上的链接也可以执行相同的操作。

您只需要首先在 asp.net 按钮上添加正确的CssClass。对于菜单链接，您可以使用 LinkButton asp.net 控件，无需任何其他设置（我的意思是 css 样式）

这是一个经过测试的示例：

<!-- Split button -->
<div class="btn-group">
  <!-- here is the asp.net button to make post back -->
  <asp:Button ID="Button1" runat="server" Text="Action" CssClass="btn btn-danger" />      
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <!-- here is the asp.net link button to make post back -->
    <li><asp:LinkButton ID="LinkButton1" runat="server">Action</asp:LinkButton></li>        
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

打开菜单的第二个按钮不需要是asp.net控件，只是打开菜单，不调用任何代码隐藏函数。所以你保持原样。

【讨论】：