css - Bootstrap select 在 autopostback 后丢失样式

Question

我在我的 Asp.net 网络表单站点中使用 Bootstrap 。我的下拉列表使用 Bootstrap 选择样式。

此下拉列表位于更新面板内。它设置为 Autopostback 以将选择保存在我的数据库中。这个保存工作正常。问题是，在这个 Updatepanel 触发后(或者我在同一页面上的另一个 Updatepanel)，下拉列表失去了 Bootstrap 选择样式并变成了常规下拉列表。

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

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

Answer 1

在 head 部分处理 pageLoad 事件并使用 jquery 设置类，

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