FileUpload in Gridview inside UpdatePanel

Some time we need to do such a task like to refreshing data from server side at binding a dropdown at another dropdown selected index change, then we go for the updatepanel to not posting the whole page to server side and get response faster, but what happen when there is a requirement of fileupload to attach some file and we need to place that fileupload inside that updatepanel, file upload doesn't work because file upload need always post the file to server with form data means file upload need a full post back to server for that solution is as simple just add a post back trigger for the button control in which you need to upload file to server but there is another situation when file upload inside the gridview or datalist for doing the task row wise , we cannot add a trigger for the control that placed inset the data bind control and cannot add trigger at runtime in databound event of that particular databind control so what is the solution for that.


Below is the solution for this type of situation you need to add another updatepanel  for fileupload control inside gridview and need to add full postback trigger for upload button control just like shown below in yellow color.




<asp:ScriptManager runat="server" ID="scm"></asp:ScriptManager>

<asp:UpdatePanel runat="server" ID="upMain" UpdateMode="Conditional">
 <ContentTemplate>

  <asp:GridView AutoGenerateColumns="False" runat="server" ID="dt">
  <Columns>
    <asp:TemplateField HeaderText="Catagory">
        <ItemTemplate>
            <asp:DropDownList runat="server" ID="ddlSubCat">
            </asp:DropDownList>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="SubCatagory">
        <ItemTemplate>
            <asp:DropDownList runat="server" ID="ddlCat">
            </asp:DropDownList>
        </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField HeaderText="Attachments">
        <ItemTemplate>
          

     <asp:UpdatePanel runat="server" UpdateMode="Conditional" ID="updFU">
                <ContentTemplate>
       <asp:FileUpload runat="server" ID="updCon" /><asp:Button runat="server" ID="btnUpload"
                        Text="Upload" />
            </ContentTemplate>
            <Triggers>
              <asp:PostBackTrigger ControlID="btnUpload" />
            </Triggers>
      </asp:UpdatePanel>
       

    </ItemTemplate>
    </asp:TemplateField>
  </Columns>
  </asp:GridView>

 </ContentTemplate>
</asp:UpdatePanel>


Recent Article