I am using one textbox and button.
http://www.aspsnippets.com/Articles/Display-Show-GridView-inside-jQuery-Dialog-Modal-Popup-Window-in-ASPNet-using-C-and-VBNet.aspx
In SqlDataSource ( <asp:ControlParameter>) i adding the value and based on that id i'm binding the gridview, bur it returns empty gridview in the modal popup window.
below is the code aatched for your reference
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css"
rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$("[id*=btnShowPopup]").click(function () {
ShowPopup();
return false;
});
});
function ShowPopup() {
$("#dialog").dialog({
title: "Patient Histroy ",
width: 1220,
buttons: {
Ok: function () {
$(this).dialog('close');
}
},
modal: true
});
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
<asp:Label ID="userid" runat="server" Visible="false"></asp:Label>
<asp:Button ID="btnShowPopup" runat="server" Text="Show Popup" />
<div id="dialog" style="display: none">
<asp:GridView ID="GridView1" Width="1200px" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" OnPageIndexChanging="OnPageIndexChanging"
PageSize="1" AllowPaging="True">
<Columns>
<asp:BoundField DataField="StudentNumber" HeaderText="Student Number" SortExpression="StudentNumber" />
<asp:BoundField DataField="StudentName" HeaderText="Student Name" SortExpression="StudentName" />
<asp:BoundField DataField="StudentKind" HeaderText="Student Kind" SortExpression="StudentKind" />
<asp:BoundField DataField="FromDate" HeaderText="From Date" ItemStyle-Width="70" DataFormatString="{0:dd-M-yyyy}" SortExpression="FromDate" />
<asp:BoundField DataField="ToDate" HeaderText="To Date" ItemStyle-Width="80" DataFormatString="{0:dd-M-yyyy}" SortExpression="ToDate" />
<asp:BoundField DataField="NumberofDays" HeaderText="Days" SortExpression="NumberofDays" />
<asp:BoundField DataField="DoctorDesc" HeaderText="Doctor Desc" SortExpression="DoctorDesc" />
<asp:BoundField DataField="DoctoName" HeaderText="Doctor Name" SortExpression="DoctoName" />
<asp:BoundField DataField="Hospital_Name" HeaderText="Hospital Name" SortExpression="Hospital_Name" />
<asp:BoundField DataField="Transfer_Reason" HeaderText="Transfer Reason" SortExpression="Transfer_Reason" />
<asp:BoundField DataField="Room_number" HeaderText="Room number" SortExpression="Room_number" />
<asp:BoundField DataField="Sleeping_Reason" HeaderText="Sleeping Reason" SortExpression="Sleeping_Reason" />
<asp:BoundField DataField="Bed_number" HeaderText="Bed number" SortExpression="Bed_number" />
</Columns>
</asp:GridView>
</div>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:MajedClinic-ConnectionString %>"
SelectCommand="SELECT [StudentNumber], [StudentName], [StudentKind], [FromDate], [ToDate], [NumberofDays], [DoctorDesc], [DoctoName], [Hospital_Name], [Transfer_Reason], [Room_number], [Sleeping_Reason], [Bed_number] FROM [Student_details] WHERE ([StudentID] = @StudentID)">
<SelectParameters>
<asp:ControlParameter ControlID="TextBox1" Name="StudentID" PropertyName="Text" Type="String" />
</SelectParameters>
</asp:SqlDataSource>
</asp:Content>