how to use popup modal extender in jquery page?

See more:

VB

hi guys,

anyone know how to use popup modal extender from ajax toolkit in a jquery page.my page is inherit menu (ribbon) from master page..import all the .js file.

my problem is everytime i click button for popup nothing happen.my code is fine in fact i already use them from the past task..please help me as i already done with the code.its all about the popup matter....

<%@ Page Title="" Language="VB" MasterPageFile="~/DelayMaster.master" AutoEventWireup="false" CodeFile="listreport.aspx.vb" Inherits="listreport" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:ScriptManager ID="ScriptManager1" runat="server">

style="width:10%; font-family: Arial, Helvetica, sans-serif; font-size: small;" align="left"> <asp:Label ID="Label1" runat="server" Text="Report Type">

style="width:1%; font-family: Arial, Helvetica, sans-serif; font-size: small;"> <asp:Label ID="Label9" runat="server" Text=":">

style="width:10%; font-family: Arial, Helvetica, sans-serif; font-size: small;" align="left"> <asp:DropDownList ID="report_type" runat="server" Width="320px">

style="width:10%; font-family: Arial, Helvetica, sans-serif; font-size: small;" align="left"> <asp:Label ID="Label4" runat="server" Text="Report Status">

style="width:1%; font-family: Arial, Helvetica, sans-serif; font-size: small;"> <asp:Label ID="Label3" runat="server" Text=":">

style="width:22%; font-family: Arial, Helvetica, sans-serif; font-size: small;" align="left"> <asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem>Open <asp:ListItem>Closed <asp:ListItem>Cancel <asp:ListItem>KIV   <asp:Button ID="View" runat="server" Text="View" Font-Names="arial" Height="30px" Width="80px" />

<asp:GridView ID="GridView2" runat="server" AllowPaging="True" AutoGenerateColumns="False" ShowFooter="True" OnRowDataBound="GridView2_RowDataBound"> <columns> <asp:TemplateField HeaderText="" HeaderStyle-BorderColor="Black"> <itemtemplate> <asp:ImageButton ID="imgbtn" ImageUrl="images/pen (1).png" runat="server" Width="25" Height="25" onclick="imgbtn_Click" /> <asp:BoundField HeaderText="ReportNum" ReadOnly="true" DataField="ReportNum" ItemStyle-Width="70px" ItemStyle-Height="30px" HeaderStyle-BorderColor="Black" /> <asp:BoundField HeaderText="From" ReadOnly="true" DataField="Loc_From" ItemStyle-Width="150px" ItemStyle-Height="30px" HeaderStyle-BorderColor="Black"/> <asp:BoundField HeaderText="To" ReadOnly="true" DataField="Loc_To" ItemStyle-Width="150px" ItemStyle-Height="30px" HeaderStyle-BorderColor="Black"/> <asp:BoundField HeaderText="Incident Date Time" ReadOnly="true" DataField="date_inc" ItemStyle-Width="100px" ItemStyle-Height="30px" HeaderStyle-BorderColor="Black"/> <asp:TemplateField HeaderText="Report" ItemStyle-Width="400px" ItemStyle-Height="30px" HeaderStyle-BorderColor="Black"> <itemtemplate> <asp:Label ID="rep1" runat="server" Text='<%# Eval("report")%>'> <asp:BoundField HeaderText="Report Date" ReadOnly="true" DataField="date_report" ItemStyle-Width="100px" ItemStyle-Height="30px" HeaderStyle-BorderColor="Black"/> <asp:BoundField HeaderText="Report By" ReadOnly="true" DataField="reportby" ItemStyle-Width="100px" ItemStyle-Height="30px" HeaderStyle-BorderColor="Black"/> <emptydatatemplate> No Record Found

<asp:Label ID="Label2" runat="server" Text="" Visible="false">
<asp:Button ID="btnShowPopup" runat="server" Visible="False" />
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnShowPopup" PopupControlID="pnlpopup" CancelControlID="btnCancel" BackgroundCssClass="modalBackground">

<asp:Panel ID="pnlpopup" runat="server" BackColor="White" Height="600px" Width="500px" Visible="False">

Report Details
	<asp:Label ID="Label5" runat="server">
ReportNum:	<asp:Label ID="ReportNum" runat="server">
From:	<asp:Label ID="from" runat="server">
To:	<asp:Label ID="_to" runat="server">
Incident Date Time:	<asp:Label ID="date_inc" runat="server">
Report:	<asp:TextBox ID="report" runat="server" TextMode="MultiLine" Width="300px" Text='<%# Eval("report") %>'>
Report Date:	<asp:Label ID="report_date" runat="server">
Report By:	<asp:Label ID="reportby" runat="server">
	<asp:DropDownList ID="DropDownList2" runat="server"> <asp:ListItem>Open <asp:ListItem>Close <asp:ListItem>Cancel <asp:ListItem>KIV
	<asp:Button ID="btnUpdate" CommandName="Update" runat="server" Text="Update" onclick="btnUpdate_Click"/> <asp:Button ID="btnCancel" runat="server" Text="Cancel" />

thanks in advance,
musiw.