引導按鈕下拉

我想要實現在asp.net按鈕引導下拉按鈕引導按鈕下拉

這裏是引導按鈕

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

這裏我實現了高達按鈕，但我不知道如何做下拉部分

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

您可以在引導看到此按鈕Click Here

來源

2014-05-06 TechGuy

更簡單的方法是在上面現有的html中添加'runat =「server」'並使用'OnServerClick =「」''。 – mxmissile

您是否加載bootstrap.min.js和bootstrap.dropdown.js兩者？ – Dnyanesh

@mxmissile我使用，但如何實現下拉 – TechGuy

你需要改變兩點。按鈕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控件，只是打開菜單，並不是調用任何函數後面的代碼。所以你把它留下了。

來源

2014-05-06 17:52:39 Aristos

引導按鈕下拉

回答

相關問題