选择下拉值时，UpdatePanel无法工作

Question

在我的aspx页面选择索引更改事件后，我正在尝试实现两个div标记区域的更新，而没有刷新整个页面。我不能这样做。

请看下面的代码。

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server" 
   UpdateMode="Conditional">
                          <ContentTemplate>

            <div class="content" style="padding-top: 0px">

                <!-- START CONTAINER FLUID -->


                        <div class=" container-fluid   container-fixed-lg">
                            <!-- BEGIN PlACE PAGE CONTENT HERE -->

                            <br />

                            <h2 style="color: #ffffff">Proj overview</h2>
                            <div class="row">

                                <div class="col-sm-2">

                                    <br />

                                    <div class="widget-9 card no-border bg-menu-light no-margin widget-loader-bar">
                                        <div class="full-height d-flex flex-column">
                                            <div class="card-header ">
                                                <div class="card-title text-black">
                                                    <span class="font-montserrat fs-11 all-caps text-white">View Users:  <i
                                                        class="fa fa-chevron-right"></i>
                                                    </span>
                                                </div>
                                            </div>

                                            <div class="p-l-20">
                                                <asp:DropDownList ID="drpUserList" runat="server" CssClass="col-middle col-md-11" data-placeholder="Select Country" data-init-plugin="select2" DataSourceID="dsUserList" DataTextField="Name" DataValueField="IdNo" AutoPostBack="true" OnSelectedIndexChanged="drpUserList_SelectedIndexChanged"></asp:DropDownList>

                                                <asp:SqlDataSource ID="dsUserList" runat="server" ConnectionString="<%$ ConnectionStrings:ValveConnectionString %>" SelectCommand="SELECT * FROM Temporary_Users"></asp:SqlDataSource>
                                            </div>
                                        </div>
                                    </div>
                                    <br />                                                                                
                                </div>
                                <div class="col-sm-10">
                                    <div id="container-grid1" style="min-width: 100%; height: 480px; margin: 0 auto"></div>
                                </div>
                            </div>
                            <%--<br />--%>


                            <br />
                            <div class="row">
                                <div class="col-sm-12">
                                    <h2>Proj completion</h2>
                                    <div id="container-grid2" style="height: 800px; min-width: 100%; margin: 0 auto"></div>
                                </div>
                            </div>

                            <!-- END PLACE PAGE CONTENT HERE -->
                        </div>

                       <!-- END CONTAINER FLUID -->
                        </div>

                    </ContentTemplate>
                    <Triggers>
               <asp:AsyncPostBackTrigger ControlID="drpUserList" EventName="SelectedIndexChanged" />
                    </Triggers>
                </asp:UpdatePanel>

我希望在从下拉列表中选择一个新值之后，div容器-grid1 1和div容器-grid1 2将被重新加载和更新。但目前，每次我选择一个值时，div标记区域上都不会显示任何内容。

如果我能被引导的话，我很感激。

Answer 1

您的触发器ID与DropDown项ID不匹配：

<asp:DropDownList ID="drpUserList" runat="server" CssClass="col-middle col-md-11" data-placeholder="Select Country" data-init-plugin="select2" DataSourceID="dsUserList" DataTextField="Name" DataValueField="IdNo" AutoPostBack="true" OnSelectedIndexChanged="drpUserList_SelectedIndexChanged"></asp:DropDownList>

在你的扳机里：

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

匹配他们，希望它能解决你的问题。

2：在“容器-网格1”中创建一个标签，并在下拉菜单中选择索引更改事件，将字符串形式的数据分配给标签。

<div id="container-grid1" style="min-width: 100%; height: 480px; margin: 0 auto">
<asp:Label ID="lblData" runat="server" />
</div>

更新