c# - Button event doesn't fire inside Update panel for FileUpload -
i have asp.net web form page uses master page also.
this simple page displays text , has form, page allows user upload resume in .doc, .docx & pdf format.
problem code not able trigger reason <asp:button id="btnuploadcv" runat="server" text="upload" cssclass="btnupload" onclick="btnuploadcv_click"/>
<%@ page title="" language="c#" masterpagefile="~/en/sitemasterpage.master" autoeventwireup="true" codefile="career.aspx.cs" inherits="career" %> <%@ register assembly="ajaxcontroltoolkit" namespace="ajaxcontroltoolkit" tagprefix="asp" %> <asp:content id="content1" contentplaceholderid="head" runat="server"></asp:content> <asp:content id="content2" contentplaceholderid="contentplaceholder1" runat="server"> <!-- content page--> <!-- page content wrapper --> <div id="page-content-area" class="page-content-area"> <div id="pg-left-bar" class="pg-left-bar"> <div class="page-title"> <h5><asp:label id="lblpagetitle" cssclass="page-title-lbl" runat="server" text="introduction"></asp:label></h5> </div> <div class="page-text"> <asp:label id="lblpagecontents" runat="server" text=""></asp:label> </div> <div class="career-form-wrapper"> <!-- updatepanel --> <asp:updatepanel id="updpnlarticles" runat="server" updatemode="conditional"> <contenttemplate> <asp:panel id="pnlcareerform" runat="server"> <div class="row-form"> <div class="row-lbl-wrapper"> <span class="row-req">*</span> <asp:label id="lblfirstname" runat="server" cssclass="row-label" text="first name:"></asp:label> </div> <asp:textbox id="txtfirstname" runat="server" cssclass="row-input"></asp:textbox> <asp:requiredfieldvalidator id="rffn" runat="server" validationgroup="careers" errormessage="*" cssclass="row-validate" controltovalidate="txtfirstname"></asp:requiredfieldvalidator> </div> <div class="row-form"> <div class="row-lbl-wrapper"> <span class="row-req">*</span> <asp:label id="lblfamilyname" runat="server" cssclass="row-label" text="family name:"></asp:label> </div> <asp:textbox id="txtfamilyname" runat="server" cssclass="row-input"></asp:textbox> <asp:requiredfieldvalidator id="rfln" runat="server" validationgroup="careers" errormessage="*" cssclass="row-validate" controltovalidate="txtfamilyname"></asp:requiredfieldvalidator> </div> <div class="row-form"> <div class="row-lbl-wrapper"> <span class="row-req">*</span> <asp:label id="lblemail" runat="server" cssclass="row-label" text="email:"></asp:label> </div> <asp:textbox id="txtemail" runat="server" cssclass="row-input"></asp:textbox> <asp:requiredfieldvalidator id="rfvemail" runat="server" validationgroup="careers" errormessage="*" cssclass="row-validate" controltovalidate="txtemail"></asp:requiredfieldvalidator> <asp:regularexpressionvalidator id="revemail" runat="server" errormessage="*" cssclass="row-validate" controltovalidate="txtemail" validationexpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" validationgroup="careers"></asp:regularexpressionvalidator> </div> <div class="row-form"> <div class="row-lbl-wrapper"> <asp:label id="lblphone" runat="server" cssclass="row-label" text="phone number:"></asp:label> </div> <asp:textbox id="txtphone" runat="server" cssclass="row-phone" text=""></asp:textbox> <asp:regularexpressionvalidator id="revphone" runat="server" errormessage="*" validationgroup="careers" controltovalidate="txtphone" validationexpression="^([\+]?[0-9]{1,3}[\s.-][0-9]{1,12})([\s.-]?[0-9]{1,4}?)$"></asp:regularexpressionvalidator> <div class="tooltip tooltip-override" title="accepts local format (eg. 04 1234567, 050 1234567 or 04-1234567, 050-1234657)<br />and international format (eg. +971 41234567, +971-41234567 ).<br />also accepts optional extention of 4 digits (eg. 04 1234567 289 or +974 41234567 289)"> <asp:image id="imgtooltip" cssclass="tooltip-img" runat="server" imageurl="~/images/tooltipgreen.png" /> </div> </div> <div class="row-form"> <div class="row-lbl-wrapper"> <asp:label id="lblfax" runat="server" cssclass="row-label" text="fax number:"></asp:label> </div> <asp:textbox id="txtfax" runat="server" cssclass="row-input"></asp:textbox> <asp:regularexpressionvalidator id="revfax" runat="server" errormessage="*" validationgroup="careers" controltovalidate="txtfax" validationexpression="^([\+]?[0-9]{1,3}[\s.-][0-9]{1,12})$"></asp:regularexpressionvalidator> <div class="tooltip tooltip-override" title="accepts local format (eg. 04 1234567 or 040-1234567)<br />and international format (eg. +974 41234567 or +974-41234567)"> <asp:image id="image1" cssclass="tooltip-img" runat="server" imageurl="~/images/tooltipgreen.png" /> </div> </div> <div class="row-form"> <div class="row-lbl-wrapper"> <asp:label id="lbladdress" runat="server" cssclass="row-label" text="address:"></asp:label> </div> <asp:textbox id="txtaddress" runat="server" cssclass="row-input-multiline" textmode="multiline"></asp:textbox> </div> <div class="row-form"> <div class="row-lbl-wrapper"> <span class="row-req">*</span> <asp:label id="lblcountry" runat="server" cssclass="row-label" text="country:"></asp:label> </div> <asp:dropdownlist id="ddcountry" runat="server" cssclass="row-dd"></asp:dropdownlist> <asp:cascadingdropdown id="csdcountry" runat="server" category="country" targetcontrolid="ddcountry" prompttext="-- select --" loadingtext="[loading countries...]" servicemethod="fetchcountries" servicepath="~/wscountrycity.asmx" promptvalue="0"></asp:cascadingdropdown> <asp:requiredfieldvalidator id="rfcountry" validationgroup="careers" controltovalidate="ddcountry" cssclass="row-validate" initialvalue="0" runat="server" errormessage="*"></asp:requiredfieldvalidator> </div> <div class="row-form"> <div class="row-lbl-wrapper"> <asp:label id="lblcity" runat="server" cssclass="row-label" text="city:"></asp:label> </div> <asp:dropdownlist id="ddcity" runat="server" cssclass="row-dd"></asp:dropdownlist> <asp:cascadingdropdown id="csdcity" runat="server" category="city" targetcontrolid="ddcity" parentcontrolid="ddcountry" prompttext="-- select --" loadingtext="[loading cities...]" servicemethod="fetchcities" servicepath="~/wscountrycity.asmx" promptvalue="0"></asp:cascadingdropdown> </div> <div class="row-form"> <div class="row-lbl-wrapper"> <span class="row-req">*</span> <asp:label id="label1" runat="server" cssclass="row-label" text="cv:"></asp:label> </div> <asp:fileupload id="fileupload1" runat="server" cssclass="fileupload" /> <div id="dfileupload1" class="btnuploadhack">browse</div> <asp:button id="btnuploadcv" runat="server" text="upload" cssclass="btnupload" onclick="btnuploadcv_click" /> <asp:requiredfieldvalidator id="rfvf1" runat="server" validationgroup="careers" errormessage="*" cssclass="row-validate" controltovalidate="fileupload1"></asp:requiredfieldvalidator> <asp:label id="lblimagemsg" runat="server" text=""></asp:label> </div> <div class="contactus-row"> <asp:button id="btnsave" runat="server" cssclass="btncontactussave" text="send message" onclick="btnsave_click" validationgroup="careers" /> </div> </asp:panel> <asp:panel id="pnlcareermsg" runat="server"></asp:panel> </contenttemplate> </asp:updatepanel> <!-- updatepanel --> </div> </div> <div class="pg-right-bar"> <asp:image id="imgsidebanner" runat="server" /> </div> </div> <!-- page content wrapper --> <!-- content page--> </asp:content> code behind
protected void btnuploadcv_click(object sender, eventargs e) { // code here } so far not able figure out s blocking button inside firing. yes did put simple button test didn't fire.
i not sure if validation or update panel creating problem.
i tried using trigger didnt work
i tried setting
<asp:button id="btnuploadcv" runat="server" text="upload" cssclass="btnupload" onclick="btnuploadcv_click" causesvalidation="false" /> protected void btnuploadcv_click(object sender, eventargs e) { page.validate(); if (page.isvalid == true) { // code here } } my problem deosn't enter code block of button reason.
just add further using cascading dropdown country , cities not sure if causing problem using 2 panels 1 has form control , after successful submission hide panel & show other panel success message code updatepanel.
only way out of see upload files main form button send message rather having individual button file upload control
update: tried approach doesn't work
please understand concept
update panel used partial post today call ajax ajax cannot used upload file server ajax uses xmlhttprequest not support file upload.
so, don't think bug microsoft. today also, don't have javascript library support fileupload using ajax. ajax fileuploaders find on internet using flash :)
this limitation of protocol. use other jquery plugin upload file. update panel not work this.
Comments
Post a Comment