asp.net – 在回发后阻止Bootstrap折叠切换

发布时间：2020-12-16 09:55:54 所属栏目：asp.Net 来源：网络整理

导读：我在我的项目中使用bootstrap崩溃,在崩溃中我有一些按钮和下拉列表但是当我点击任何按钮或更改下拉列表索引时,发生回发并且崩溃得到了未崩溃,我该如何阻止它？这是我的代码 h4a href="#" data-toggle="collapse" data-target="#div_search" style="font-wei

我在我的项目中使用bootstrap崩溃,在崩溃中我有一些按钮和下拉列表但是当我点击任何按钮或更改下拉列表索引时,发生回发并且崩溃得到了未崩溃,我该如何阻止它？
这是我的代码

<h4><a href="#" data-toggle="collapse" data-target="#div_search" style="font-weight: bold;">Search Training Profile</a><br />
                </h4>
                <div id="div_search" class="collapse" style="overflow-x: auto;">
                    <table class="table table-bordered table-striped">
                        <tr>
                            <td>Employee Name</td>
                            <td>
                                <asp:TextBox runat="server" ID="txt_name"></asp:TextBox>
                                <span class="err">optional</span>

                            </td>
                            <td>e.g First Name,Middle Name,Last Name</td>
                        </tr>
                        <tr>
                            <td>Designation</td>
                            <td><span class="err"></span>
                                <asp:DropDownList runat="server" ID="DDL_Desig" OnSelectedIndexChanged="DDL_Desig_SelectedIndexChanged" AutoPostBack="true">
                                </asp:DropDownList>
                                <span class="err">optional</span>
                            </td>
                            <td>
                                 <asp:TextBox runat="server" ID="txt_desig" ReadOnly="true"></asp:TextBox>
                                <asp:Button Text="Clear" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td>Location</td>
                            <td>
                                 <asp:DropDownList runat="server" ID="DDL_Loc" OnSelectedIndexChanged="DDL_Loc_SelectedIndexChanged" AutoPostBack="true">
                                    <asp:ListItem>Select</asp:ListItem>
                                </asp:DropDownList>
                                <span class="err">optional</span>
                                </td>

                            <td>
                                 <asp:TextBox runat="server" ID="txt_loc" ReadOnly="true"></asp:TextBox>
                                <asp:Button Text="Clear" runat="server" />
                            </td>
                        </tr>
                        <tr>
                            <td>Division</td>
                            <td>
                                 <asp:DropDownList runat="server" ID="DDL_Divis" OnSelectedIndexChanged="DDL_Divis_SelectedIndexChanged" AutoPostBack="true">
                                </asp:DropDownList>
                                <span class="err"> optional </span>

                            </td>
                            <td>
                                  <asp:TextBox runat="server" ID="txt_divis" ReadOnly="true"></asp:TextBox>
                                <asp:Button Text="Clear" runat="server" />
                                </td>
                        </tr>
                        <tr>
                            <td>Department</td>
                            <td>
                                <asp:TextBox runat="server" ID="tx"></asp:TextBox>
                                <span class="err">optional</span></td>
                            <td>e.g ISD,MKT,HR etc</td>
                        </tr>
                        <tr>
                            <td>Filter By</td>
                            <td>
                                <asp:DropDownList runat="server" ID="DDL_Assc">
                                </asp:DropDownList>
                            </td>
                            <td>e.g OLP,SOLC,MAF,etc</td>
                        </tr>
                        <tr>

                            <td colspan="3">&nbsp;</td>
                        </tr>
                        <tr>
                            <td colspan="3" style="text-align:center;">
                                <asp:Button Text="Search" runat="server" CssClass="btn" />
                                <asp:Button Text="Reset" runat="server"  CssClass="btn" />
                            </td>
                        </tr>
                    </table>

                </div>

解决方法

创建公共变量

string state = "collapse";

在回发或下拉更改期间将值设置为

state = "expand";

和aspx页面使用如下： –

<div id="div_search" class='<%= state %>' style="overflow-x: auto;">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!