asp.net Bootstrap select在自动回发后丢失样式

yx2lnoni 于 4个月前发布在 .NET

关注(0)|答案(2)|浏览(79)

我在我的Asp.net webforms站点中使用 Bootstrap 。我的下拉列表使用 Bootstrap 选择样式。
这个下拉列表在一个UpdatePanel中。它被设置为自动回发，以便在我的数据库中保存所选内容。这个保存工作正常。问题是，在这个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？

asp.net

来源：https://stackoverflow.com/questions/29305765/bootstrap-select-loses-style-after-autopostback

2条答案

按热度按时间

pbgvytdp1#

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

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

字符串

赞(0）回复(0）举报 4个月前

3pvhb19x2#

这与以下项目有关：
SelectPicker in UpdatePanel disappear when Asyncpostback
其中一个答案是

<script>
    function pageLoad() {
        $('.selectpicker').selectpicker();
    }
</script>

字符串
对我很有效。

赞(0）回复(0）举报 4个月前

我来回答

asp.net Bootstrap select在自动回发后丢失样式

2条答案

相关问题

热门标签

最新问答