The dropdownlist is remove when postback is performed inside the updatepanel
Question
-
User836525179 posted
I put the dropdownlist control in the updatepanel so that the page does not refresh until the postback operation is done, but when I select one of the dropdownlist options and the postback operation is performed, the dropdownlist is removed from the page, even inside the viewsource. Can not be seen please check to see where my code problem is
this is befor select dropdown items:
and this is after select one of dropdown items:
<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
<ContentTemplate><div class="row">
<div class="col s12 m12 l12"><div id="basic-tabs" class="card card card-default scrollspy">
<%--content tag--%>
<div class="card-content">
<h4 class="header">تبلیغات اینفلوئنسر مارکتینگ</h4>
<div class="row">
<%-- <div class="col s12">
<p>در این روش از تبلیغ، افراد تاثیرگذار یا اینفلوئنسر در اینستاگرام، در مورد شما یا کسب و کار شما شروع به صحبت کرده و به دیگران معرفی میکنند.</p>
<p>مدت زمان نمایش تبلیغ کاملا بستگی به اینفلوئنسر دارد، اما بطور پیش فرض دائمی میباشد.</p>
<p>اگر هدفتان از تبلیغ برندسازی یا افزایش درآمد است، این روش از تبلیغات بهترین گزینه است.</p>
<p>سرعت انتشار و تاثیرگذاری این نوع تبلیغات بسیار بالاست. به شکلی که تبلیغات شما به صورت ویروسی در اینترنت منتشر می‌شود.</p>
<p>در صورت کنسل شدن سفارش شما بعد از پرداخت و قبل از شروع تبلیغات، 10 درصد از هزینه کل نزد دیدوگرام باقی خواهد ماند.</p>
<p>در صورتی که تصمیم به اینگونه تبلیغ دارید، حتما جزئیات دقیق کمپین تبلیغاتی خود را در بخش استعلام ارسال کنید تا به درخواست شما رسیدگی شود.</p>
<br />
</div>--%>
<div class="col s12"><div class="card-alert card gradient-45deg-light-blue-cyan">
<div class="card-content white-text">
<p>
<i class="material-icons">info_outline</i>
قیمت‌ها طبق آخرین تعرفه دریافت شده از صاحبان
پیج نوشته شده است و ممکن است برای اجرای کمپین تا ۱۰%
تغییر کند.
<br />
همچنین قیمت‌ها مشمول ۱۰٪ هزینه مدیریت کمپین خواهند شد.
</p>
</div>
</div>
</div><div class="col s12">
<div class="row col l4 m4 s12">
<div class="input-field">
<label class="contact-input" for="ContentPlaceHolder1_txtSearch">جستجوی اسم کانال</label>
<i class="material-icons prefix">search</i>
<asp:TextBox ID="txtSearch" runat="server" OnTextChanged="txtSearch_TextChanged" AutoPostBack="true"></asp:TextBox>
</div>
</div>
<div class="row col 14 m4 s12">
<div class="input-field">
<i class="material-icons prefix">toc</i><asp:SqlDataSource ID="sqldsBio" runat="server" ConnectionString='<%$ ConnectionStrings:conStr %>' SelectCommand="InfluenceryPage_Bio_List" SelectCommandType="StoredProcedure"></asp:SqlDataSource>
<asp:DropDownList ID="ddlBio" AppendDataBoundItems="true" AutoPostBack="true" runat="server" DataSourceID="sqldsBio" DataTextField="inBio" DataValueField="inBio" OnSelectedIndexChanged="ddlBio_SelectedIndexChanged">
<asp:ListItem Text="بیوگرافی مورد نظر را انتخاب کنید" Selected="True" disabled></asp:ListItem>
</asp:DropDownList></div>
</div>
<div class="row col l4 m4 s12">
<div class="input-field">
<i class="material-icons prefix">import_export</i>
<asp:DropDownList ID="ddlSort" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlSort_SelectedIndexChanged">
<asp:ListItem Text="" Selected="True" disabled></asp:ListItem>
<asp:ListItem Value="1">قیمت ارزان به گران</asp:ListItem>
<asp:ListItem Value="2">قیمت گران به ارزان</asp:ListItem>
<asp:ListItem Value="3">فالوئر از زیاد به کم</asp:ListItem>
<asp:ListItem Value="4">فالوئر از کم به زیاد</asp:ListItem>
<asp:ListItem Value="5">نرخ تعامل از زیاد به کم</asp:ListItem>
</asp:DropDownList>
</div>
</div></div>
</div>
</div>
<%--end content tag--%>
<div class="row">
<!-- News 1 -->
<div class="col s12 m12 l12">
<asp:ListView ID="lstInluenceryPages" runat="server" DataKeyNames="id" ItemPlaceholderID="itemPlaceHolder" GroupPlaceholderID="grpPlaceHolder" OnItemCommand="lstInluenceryPages_ItemCommand">
<LayoutTemplate><asp:PlaceHolder ID="grpPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate><GroupTemplate>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
</GroupTemplate><ItemTemplate>
<asp:HiddenField ID="hdfDeptID" Value='<%# Eval("id") %>' runat="server" />
<div class="col s12 m4 l4">
<div class="card-panel border-radius-6 pt-4 pb-4">
<div class="display-flex justify-content-between flex-wrap mt-2">
<div class="row">
<div class="col m3">
<img src="<%#Eval("inpic").ToString().Replace("~","") %>" width="55" alt="news" class="circle mr-10 vertical-text-middle">
</div>
<div class="col m9">
<span class="pt-2"><%#Eval("intitle") %></span><br />
<span class="pt-2"><img src="/assets/images/icon/instaicon.png"> <a href='https://www.instagram.com/<%#Eval("inid").ToString().Replace("@","") %>' target="_blank"><%#Eval("inid").ToString().Replace("@","") %></a></span><br />
<span class="pt-2"><%#Eval("inbio") %></span></div>
</div>
<div class="row pt-15">
<div class="col m12">
<div class="display-flex mt-3 right-align social-icon">
<span class="display-block center"><span class="material-icons">perm_identity</span> <br /> <%#Eval("infollowers") %> </span>
<span class="influenceryGadgets display-block center ml-5"><span class="material-icons">chat_bubble_outline</span> <br /> <%#Eval("inposts") %></span>
<span class="influenceryGadgets display-block center ml-5"><span class="material-icons">favorite_border</span> <br /> <%#Eval("inlikes") %></span>
<span class="influenceryGadgets display-block center ml-5"><span class="material-icons">star_border</span> <br /> <%#Eval("iningagement") %></span>
</div>
</div>
</div></div>
<div class="display-flex flex-wrap justify-content-center mt-5">
<h5 class="mt-3 green-text"><%# Get_Change_Money_Format(Eval("inprice").ToString()) + " تومان" %></h5>
<a class="mt-2 btn btn-block nocolor-bordered modal-trigger z-depth-4" href='#modal<%#Eval("id")%>'>مشاهده پست ها</a>
<asp:Button ID="btnAddToBasket" CommandArgument='<%# Eval("id") %>' CommandName="AddToBasket" CssClass="mt-2 waves-effect waves-light gradient-45deg-deep-purple-blue btn btn-block modal-trigger z-depth-4" runat="server" Text="افزودن به سبد خرید" />
</div></div>
<!-- Modal Structure -->
<div id='modal<%#Eval("id")%>' class="modal modal-lg">
<div class="modal-content pt-2"><header class="modal-header">
<h5 class="modal-title">پرطرفدارترین پست‌های
<strong>پرطرفدارترین پست های << <%#Eval("inid") %> >> | <%#Eval("intitle") %>
</strong>
<i class="far fa-question-circle fa-flip-horizontal text-gray"></i>
</h5>
<button type="button" aria-label="Close" class="close">×</button>
</header><div class="row" id="product-one">
<div class="row">
<div dir="ltr" class="d-flex text-left pb-2 px-4 col m12">
<a target="_blank" href='https://www.instagram.com/<%#Eval("inid").ToString().Replace("@","") %>'>
<img src="<%#Eval("inpic").ToString().Replace("~","") %>" height="70" class="img-thumbnail rounded-circle float-left profileImg_3097z">
</a>
<div class="d-flex flex-column justify-content-center px-4">
<div class="dir-ltr d-inline-block py-1 mb-1 mb-md-2">
<strong class="usernameSection_3NxnJ">
<a target="_blank" href='https://www.instagram.com/<%#Eval("inid").ToString().Replace("@","") %>'> <%#Eval("inid") %> </a>
</strong>
</div>
<div>
<ul class="profileInfo_1-Z3p">
<li>
<span class="font-weight-bold"><%#Eval("infollowers") %></span>فالورها
</li>
<li>
<span class="font-weight-bold"><%#Eval("inposts") %></span>پست ها
</li>
<li>
<span class="font-weight-bold"><%#Eval("inlikes") %></span>لایک ها
</li>
<li>
<span class="font-weight-bold"><%#Eval("iningagement") %></span></span>اینگیجمنت
</li>
</ul>
</div>
<div>
<span class="badge badge-light category_2Ju0m">
ورزش
</span>
</div>
</div>
</div></div>
<div class="row">
<asp:SqlDataSource ID="sqldsPostImages" runat="server" ConnectionString='<%$ ConnectionStrings:conStr %>' SelectCommand="SELECT * FROM [tblAdsInfluenceryPosts] WHERE ([adid] = @adid)">
<SelectParameters>
<asp:ControlParameter ControlID="hdfDeptID" PropertyName="Value" Name="adid" Type="Int32"></asp:ControlParameter>
</SelectParameters>
</asp:SqlDataSource>
<asp:ListView ID="lstPostImages" runat="server" ItemPlaceholderID="itemPlaceHolder" GroupPlaceholderID="grpPlaceHolder" DataSourceID="sqldsPostImages">
<LayoutTemplate><asp:PlaceHolder ID="grpPlaceHolder" runat="server"></asp:PlaceHolder>
</LayoutTemplate><GroupTemplate>
<asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
</GroupTemplate><ItemTemplate>
<div class="col m4 s12">
<a class="text-body">
<div class="card h-100 postCard">
<img src='<%#Eval("imgLink").ToString().Replace("~","") %>' /><div class="card-body">
<div class="d-flex mt-2">
<div class="d-flex justify-content-center align-items-center flex-grow-1">
<strong class="number">
<%#Eval("postLikes") %>
</strong>
<span class="material-icons">favorite_border</span>
</div>
<div class="d-flex justify-content-center align-items-center flex-grow-1">
<strong class="number">
<%#Eval("postComments") %>
</strong>
<span class="material-icons">chat_bubble_outline</span>
</div>
</div>
<p class="card-text">
<%#Eval("postDesc") %>
</p>
</div></div>
</a>
</div>
</ItemTemplate>
</asp:ListView>
</div>
</div>
</div>
</div></div>
</ItemTemplate>
</asp:ListView>
</div></div>
</div>
</div>
<div class="col s12 m12 l12">
<div class="gradient-۴۵deg-light-blue-indigo mediaDetail_dVIaq" id="PnlBasket" runat="server">
<div class="order-1 order-md-2 flex-grow-1 w-100 w-md-auto">
<div class="center-align basketMedium">
مجموع:
<b><asp:Label ID="lblBasketPrice" runat="server" Text="0"></asp:Label></b>
تومان
<small class="fanum">
(<asp:Label ID="lblPageCount" runat="server" Text="0"></asp:Label> پیج)
</small>
</div>
</div>
<a class="btn waves-effect waves-light red" href="/influencery_invoice">
مشاهده سبد
<i class="fa fa-chevron-left ml-0 mr-2"></i>
</a>
</div>
</div>
</div></ContentTemplate>
</asp:UpdatePanel>
