Question

我在我的Asp.net webforms网站上使用bootstrap。我的下拉列表采用bootstrap选择风格。

此下拉列表位于Updatepanel中。它设置为Autopostback以将选择保存在我的数据库中。这个保存工作正常。问题是，在此Updatepanel触发后（或者我在同一页面上的另一个），下拉列表会丢失引导选择样式并成为常规下拉列表。

<asp:UpdatePanel ID="UpdatePanelSupervisor1" runat="server">
    <ContentTemplate>
        <asp:DropDownList ID="ddlSupervisor1" runat="server" CSSClass="form-control select show-tick" data-live-search="true" AutoPostBack="True" onselectedindexchanged="ddlSupervisor1_SelectedIndexChanged"/>                                  
    </ContentTemplate>

    <Triggers>
        <asp:AsyncPostBackTrigger ControlID ="ddlSupervisor1" EventName ="SelectedIndexChanged" />
    </Triggers>

</asp:UpdatePanel>

如何在updatepanel触发后使用bootstrap select保持下拉列表的样式？

Answer 1

处理head部分中的pageLoad事件，并使用jquery，

设置类

<script type="text/javascript">
    function pageLoad() {
         $("#<% =ddlSupervisor1.ClientID %>").addClass("form-control select show-tick");
    }
</script>

自动回复后，Bootstrap选择会丢失样式

1 个答案: