Bootstrap 选择在自动回发后失去样式答案

【问题标题】：Bootstrap select loses style after autopostbackBootstrap 选择在自动回发后失去样式
【发布时间】：2015-03-27 16:38:20
【问题描述】：

我在我的 Asp.net 网络表单站点中使用引导程序。我的下拉列表使用引导选择进行样式设置。

此下拉列表位于更新面板中。它设置为 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>

如何在更新面板触发后使用引导选择保持下拉列表的样式？

【问题讨论】：

标签： css asp.net twitter-bootstrap

【解决方案1】：

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

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

【讨论】：

谢谢！ pageLoad 函数是我需要的。我是 jquery 的新手，所以我没有意识到这一点。但是，我看到您必须使用 $('.select').selectpicker(); 而不是 addClass添加类，因为引导 js 如何呈现它。在那之后，它现在正在回发并保持风格。再次感谢