UpdatePanel не работает при выборе выпадающего значения - PullRequest
Новая
       30

UpdatePanel не работает при выборе выпадающего значения

0 голосов
/ 29 января 2019

Я пытаюсь реализовать обновление области двух тегов div после выбранного события изменения индекса на моей странице aspx, не обновляя всю страницу.Я не могу этого сделать.

Пожалуйста, смотрите мой код ниже. 

<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 container-grid1 и div container-grid2 будут перезагружены и обновлены после выбора нового значенияиз выпадающего списка.Но в настоящее время каждый раз, когда я выбираю значение, в областях тегов div ничего не отображается.

Благодарен, если меня можно направлять.

1 Ответ

0 голосов
/ 29 января 2019

Ваш триггер, ваш идентификатор не совпадает с идентификатором элемента DropDown: 

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

Сопоставьте их и надеюсь, что это решит вашу проблему.

2nd: Создайте метку внутри "container-grid1" и в выпадающем списке selectedindexchange назначьте метке данные в виде строки.

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

ОБНОВЛЕНО

...