problem load Details View in bootstrp modal popup

Greeting all

I review many samples to implement Bootstrap Modal popup to load Details View.

Scenario:

I have a grideview get staff rows from table. when an admin need to edit employee row, I click on Edit botton in grideview and returun a data to details view, depends on (GridViewEmplyee_SelectedIndexChanged) Method.

Everything going well in normal mode ( DetilsView in same page). As Fig.(1) below:

Problem:

Bootstrap Modal popup can't to load Details View.As Fig.(2) below

Front end code:

(Botoon in GridView)

"LinkButton2" runat="server" CommandName="Select" href="#myModal" data-toggle="modal">Edit

Front end code:

(DetailsView in Bootstrap Modal popup ):

"myModal" class="modal fade">
class="modal-dialog">
class="modal-content">
class="modal-header">
class="modal-title">Edit selected emplyee

class="modal-body" style="overflow-y: scroll;max-height:100%; margin-top: 10px; margin-bottom: 10px;">

"lblmessage" runat="server" ClientIDMode="Static">

"DetailsView1" runat="server" DataSourceID="Sds_2" Visible="False" AutoGenerateRows="False" DataKeyNames="Id">

"Id" HeaderText="Id" InsertVisible="False" ReadOnly="True" SortExpression="Id" Visible="false" />

"S_Name" HeaderText="S_Name" SortExpression="S_Name" />

"S_Lname" HeaderText="S_Lname" SortExpression="S_Lname" />

"S_Gender" HeaderText="S_Gender" SortExpression="S_Gender" />

"S_Salary" HeaderText="S_Salary" SortExpression="S_Salary" />

"S_Phone" HeaderText="S_Phone" SortExpression="S_Phone" />

"pos_CodeID" HeaderText="pos_CodeID" SortExpression="pos_CodeID" />

"Br_CodeID" HeaderText="Br_CodeID" SortExpression="Br_CodeID" />

"S_photo" HeaderText="S_photo" SortExpression="S_photo" />

"S_Date" DataFormatString="{0:d}" HeaderText="S_Date" SortExpression="S_Date" />

"F_Date" DataFormatString="{0:d}" HeaderText="F_Date" SortExpression="F_Date" />

"Last_Branch" HeaderText="Last_Branch" SortExpression="Last_Branch" />

"Last_Mission" HeaderText="Last_Mission" SortExpression="Last_Mission" />

"S_Status" HeaderText="S_Status" SortExpression="S_Status" />

"Sds_2" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>"

SelectCommand="SELECT * FROM [Staff] WHERE ([Id] = @Id)"

UpdateCommand="UPDATE Staff SET S_Name = @S_Name, S_Lname = @S_Lname, S_Gender = @S_Gender, S_Salary = @S_Salary, pos_CodeID = @pos_CodeID, Br_CodeID = @Br_CodeID, S_Phone = @S_Phone, S_Date = @S_Date, F_Date = @F_Date, Last_Branch = @Last_Branch, Last_Mission = @Last_Mission, S_Status = @S_Status">

"GridViewEmplyee" Name="Id" PropertyName="SelectedValue" Type="Int32" />

"S_Name" />

"S_Lname" />

"S_Gender" />

"S_Salary" />

"pos_CodeID" />

"Br_CodeID" />

"S_Phone" />

"S_Date" />

"F_Date" />

"Last_Branch" />

"Last_Mission" />

"S_Status" />

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vertika Chauhan6y ago
See this kind of problem we also face when we are calling popup for asp.net pages but there is two three things which we have done like putting entire applications in same update panel , another we use trigger and another we created two update panel and while updating we updated both the panel and that resolve the issue. Please look whether your master page contain update panel as well that will also create problems in loding ajax popup
Aktham Mahmoud6y ago
Vertika Chauhan
Actually I tried for long time but nothing happened correctly
Aktham Mahmoud6y ago
Vertika Chauhan
Greeting
I do waht you said .
but nothing new.
a problem still as it.
Vertika Chauhan6y ago
Put your grid and your popup inside same update panel and then once data is fetch update the panel