asp.net - Can a TargetControlID of a PopUp use the Button of a GridView? -
i have button id=btnsend named "send" in gridview.
i have modalpopupextender id="sendpopup" , targetcontrolid="btnsend"
and
<asp:panel id="sendpanel"> i error
system.invalidoperationexception: targetcontrolid of ' sendpopup'is not valid. control id 'btnsend' not found.
how make work?
you need add click event of button code behind file can show model popup write code in button click event modal.show() for reference providing complete code follow. hope you.
<%@ register assembly="ajaxcontroltoolkit" namespace="ajaxcontroltoolkit" tagprefix="asp" %> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>untitled page</title> <style type="text/css"> .modalbackground { background-color: gray; filter: alpha(opacity=80); opacity: 0.8; z-index: 10000; } </style> </head> <body> <form id="form1" runat="server"> <asp:toolkitscriptmanager id="scriptmanager1" runat="server"> </asp:toolkitscriptmanager> <div> <asp:gridview runat="server" id="gvdetails" datakeynames="userid" autogeneratecolumns="false"> <rowstyle backcolor="#eff3fb" /> <footerstyle backcolor="#507cd1" font-bold="true" forecolor="white" /> <pagerstyle backcolor="#2461bf" forecolor="white" horizontalalign="center" /> <headerstyle backcolor="#507cd1" font-bold="true" forecolor="white" /> <alternatingrowstyle backcolor="white" /> <columns> <asp:templatefield headertext="edit"> <itemtemplate> <asp:imagebutton id="imgbtn" imageurl="~/edit.jpg" runat="server" width="25" height="25" onclick="imgbtn_click" /> </itemtemplate> </asp:templatefield> <asp:boundfield datafield="username" headertext="username" /> <asp:boundfield datafield="firstname" headertext="firstname" /> <asp:boundfield datafield="lastname" headertext="lastname" /> <asp:boundfield datafield="city" headertext="city" /> <asp:boundfield datafield="designation" headertext="designation" /> </columns> </asp:gridview> <asp:label id="lblresult" runat="server"/> <asp:button id="btnshowpopup" runat="server" style="display:none" /> <asp:modalpopupextender id="modalpopupextender1" runat="server" targetcontrolid="btnshowpopup" popupcontrolid="pnlpopup" cancelcontrolid="btncancel" backgroundcssclass="modalbackground"> </asp:modalpopupextender> <asp:panel id="pnlpopup" runat="server" backcolor="white" height="269px" width="400px" style="display:none"> <table width="100%" style="border:solid 3px #d55500; width:100%; height:100%" cellpadding="0" cellspacing="0"> <tr style="background-color:#d55500"> <td colspan="2" style=" height:10%; color:white; font-weight:bold; font-size:larger" align="center">user details</td> </tr> <tr> <td align="right" style=" width:45%"> userid: </td> <td> <asp:label id="lblid" runat="server"></asp:label> </td> </tr> <tr> <td align="right"> username: </td> <td> <asp:label id="lblusername" runat="server"></asp:label> </td> </tr> <tr> <td align="right"> firstname: </td> <td> <asp:textbox id="txtfname" runat="server"/> </td> </tr> <tr> <td align="right"> lastname: </td> <td> <asp:textbox id="txtlname" runat="server"/> </td> </tr> <tr> <td align="right"> city: </td> <td> <asp:textbox id="txtcity" runat="server"/> </td> </tr> <tr> <td align="right"> designation: </td> <td> <asp:textbox id="txtdesg" runat="server"/> </td> </tr> <tr> <td> </td> <td> <asp:button id="btnupdate" commandname="update" runat="server" text="update" onclick="btnupdate_click"/> <asp:button id="btncancel" runat="server" text="cancel" /> </td> </tr> </table> </asp:panel> </div> </form> </body> </html> code behind file
using system.configuration; using system.data; using system.data.sqlclient; using system.drawing; sqlconnection con = new sqlconnection(configurationmanager.connectionstrings["dbconnection"].tostring()); protected void page_load(object sender, eventargs e) { if(!ispostback) { bindgriddata(); } } protected void bindgriddata() { con.open(); sqlcommand cmd = new sqlcommand("select * employee_details", con); sqldataadapter da = new sqldataadapter(cmd); datatable dt = new datatable(); da.fill(dt); gvdetails.datasource = dt; gvdetails.databind(); } protected void btnupdate_click(object sender, eventargs e) { con.open(); sqlcommand cmd = new sqlcommand("update employee_details set firstname=@firstname,lastname=@lastname, city=@city,designation=@designation userid=@userid", con); cmd.parameters.addwithvalue("@firstname", txtfname.text); cmd.parameters.addwithvalue("@lastname", txtlname.text); cmd.parameters.addwithvalue("@city", txtcity.text); cmd.parameters.addwithvalue("@designation", txtdesg.text); cmd.parameters.addwithvalue("@userid", convert.toint32(lblid.text)); cmd.executenonquery(); con.close(); lblresult.text = lblusername.text + " details updated successfully"; lblresult.forecolor = color.green; bindgriddata(); } protected void imgbtn_click(object sender, imageclickeventargs e) { imagebutton btndetails = sender imagebutton; gridviewrow gvrow = (gridviewrow)btndetails.namingcontainer; lblid.text = gvdetails.datakeys[gvrow.rowindex].value.tostring(); lblusername.text = gvrow.cells[1].text; txtfname.text = gvrow.cells[2].text; txtlname.text = gvrow.cells[3].text; txtcity.text = gvrow.cells[4].text; txtdesg.text = gvrow.cells[5].text; this.modalpopupextender1.show(); }
Comments
Post a Comment