How to maintain Ajax calendar values after postback in Gridview Footer

Question

How to maintain Ajax calendar values after postback in Gridview Footer

BeUnique 2,332

I am using AJAX control textbox in gridview.

Inside the gridview, Footer Template i am using dropdown control and many textboxes.

after selecting of Ajax calendar control, if i select dropdown, the ajax value getting cleared.

How to maintain the date even postback happens...?

AgaveJoe 30,041 Reputation points

2024-05-29T17:46:55.5766667+00:00

after selecting of Ajax calendar control, if i select dropdown, the ajax value getting cleared. How to maintain the date even postback happens...?

We can only guess how your code works. I assume the DropDown server control is configured for auto post back but you code makes no attempt to persist the data.

Use the Visual Studio debugger to find and fix the bug in your code.
BeUnique 2,332 Reputation points

2024-05-30T01:25:53.46+00:00

Hi @AgaveJoe , Thanks for your reply...ye... dropdown will have postback...shall I use viewstate or session to persist date values before and after postback...or shall I use any variable to maintain this...?
Lan Huang-MSFT 30,181 Reputation points Microsoft External Staff

2024-05-30T03:17:00.4366667+00:00

Hi @Gani_tpt,

It is best to provide code that can reproduce the problem, otherwise we will not be able to help you solve the problem.

BeUnique 2,332

Hi @Lan Huang-MSFT ,

Sorry to not providing the code.

The problem is, when i change the dropdown values, both upload file and selected date values will be clearing.

pls. find below the complete code.

<asp:ScriptManager ID="ScriptManager" runat="server"></asp:ScriptManager>
    <asp:UpdatePanel runat="server" ID="UpdatePanel1">
        <ContentTemplate> 
<asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" ShowFooter="true">
            <Columns>
 	    <asp:TemplateField ItemStyle-HorizontalAlign="Center">
                 <FooterTemplate>
                        <asp:DropDownList ID="ddlcustomer" Width="100px" runat="server" AutoPostBack="true">
                        </asp:DropDownList>
                 </FooterTemplate>
              </asp:TemplateField>
                <asp:TemplateField HeaderText="Name">
                    <ItemTemplate>
                        <%# Eval("Name") %>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
                    </FooterTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Country">
                    <ItemTemplate>
                        <%# Eval("Country") %>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtCountry" runat="server"></asp:TextBox>
                    </FooterTemplate>
                </asp:TemplateField>
		 <asp:TemplateField HeaderText="DOB">
                      <ItemTemplate>
                                   
                      </ItemTemplate>
                      <FooterTemplate>
                          <asp:ScriptManager ID="ScriptManager2" runat="server"></asp:ScriptManager>
                          <div>
                               <asp:TextBox ID="txtDOB"  ReadOnly="true" runat="server" Text=""></asp:TextBox>
                               <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDOB"
                                      Format="MM/dd/yyyy"  PopupButtonID="btnDate1"
                                      PopupPosition="BottomRight" CssClass="cal_Theme1"></ajaxToolkit:CalendarExtender>
                                        <asp:ImageButton ID="btnDate1" ImageUrl="~/images/imgCalendar.png"
                                            runat="server" />
                           </div>
                       </FooterTemplate>
                            </asp:TemplateField>
                <asp:TemplateField HeaderText="Upload">
                    <ItemTemplate>
                        <%# Eval("FileName") %>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:FileUpload ID="fuUpload" runat="server" />
                    </FooterTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <FooterTemplate>
                        <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="Add" CommandName="Footer" />
                    </FooterTemplate>
                </asp:TemplateField>
            </Columns>
            <EmptyDataTemplate>
                <tr>
		    <th scope="col">Customer Name</th>
                    <th scope="col">Name</th>
                    <th scope="col">Country</th>
                    <th scope="col">DOB</th>
                    <th scope="col">Upload</th>
                    <th scope="col"></th>
                </tr>
                <tr>
		    <td>
                         <asp:DropDownList ID="ddlCustomers" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlCustomers_SelectedIndexChanged"></asp:DropDownList>
                         <asp:TextBox ID="txtOtherCustomers" Text="" runat="server" Visible="false"></asp:TextBox>
                    </td>
                    <td>
                        <asp:TextBox ID="txtName" runat="server" /></td>
                    <td>
                        <asp:TextBox ID="txtCountry" runat="server" />
                    </td>
                    <td>
	                      <asp:TextBox ID="txtDOB" CssClass="txtInput" ReadOnly="true" runat="server" Text=""></asp:TextBox>
                               <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDOB"
                                      Format="MM/dd/yyyy" PopupButtonID="btnDate1"
                                      PopupPosition="BottomRight" CssClass="cal_Theme1"></ajaxToolkit:CalendarExtender>
                                        <asp:ImageButton ID="btnDate1" ImageUrl="~/images/imgCalendar.png"
                                            runat="server" />
                    </td>
                    <td>
                        <asp:FileUpload ID="fuUpload" runat="server" />
                    </td>
                   
                </tr>
            </EmptyDataTemplate>
        </asp:GridView>
         <table>
         <tr>
                <td>
                    <asp:Button ID="btnAdd" runat="server"  onclick="Add" Text="Add" />
                </td>
         </tr>
         </table>
        </ContentTemplate>
    </asp:UpdatePanel>

protected void OnRowDataBound(object sender, GridViewRowEventArgs e)
 {
     if (e.Row.RowType == DataControlRowType.Footer)
     {
         DropDownList DropDownList1 = (e.Row.FindControl("ddlcustomer") as DropDownList);
         List<Item> items = new List<Item>();
         items.Add(new Item() { Value= "1", Text = "USA" });
         items.Add(new Item() { Value = "2", Text = "UK" });
         items.Add(new Item() {Value = "3", Text = " AUS" });
         items.Add(new Item() {Value = "4", Text = "  OTHERS" });
         DropDownList1.DataSource = items;
         DropDownList1.DataTextField = "Text";
         DropDownList1.DataValueField = "Value";
         DropDownList1.DataBind();
         DropDownList1.Items.Insert(0, new ListItem("--Select --", "0"));
     }
 }

 protected void ddlCustomers_SelectedIndexChanged(object sender, EventArgs e)
        {

            DropDownList ddlCustomers = sender as DropDownList;

            GridViewRow row = (GridViewRow)((DropDownList)sender).NamingContainer;
            TextBox txtOtherCustomers = row.FindControl("txtOtherCustomers") as TextBox;


            if (ddlCustomers.SelectedItem.Text == "OTHERS")
            {
                txtOtherCustomers.Visible = true;
            }
            else
            {
                txtOtherCustomers.Visible = false;
            }
        }

private void GetCustomerDetails()
        {
            try
            {
                //connecting sql and get the values in dataset
                this.gvCustomers.DataSource = ds.Tables[0];
                this.gvCustomers.DataBind();

            }
            catch (Exception ex)
            {
                
            }
            finally
            {
                ds = null;
            }
          }

 protected void Page_Load(object sender, EventArgs e)
        {

            if (!IsPostBack)
            {
		GetCustomerDetails();
	    }
        }

Lan Huang-MSFT 30,181 Microsoft External Staff

Hi @Gani_tpt,

both upload file and selected date values will be clearing.

selected date values

Remove ReadOnly="true".

 <asp:TextBox ID="txtDOB" runat="server" Text=""></asp:TextBox>
 <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDOB"
     Format="MM/dd/yyyy" PopupButtonID="btnDate1"
     PopupPosition="BottomRight" CssClass="cal_Theme1"></ajaxToolkit:CalendarExtender>
 <asp:ImageButton ID="btnDate1" ImageUrl="~/images/imgCalendar.png"
     runat="server" />

upload file

Add an UpdatePanel to implement a partial postback.

<asp:TemplateField ItemStyle-HorizontalAlign="Center">
    <FooterTemplate>
        <asp:UpdatePanel runat="server" ID="Up_LeaveDetails" UpdateMode="Always">
            <ContentTemplate>
                <asp:DropDownList ID="ddlcustomer" Width="100px" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlCustomers_SelectedIndexChanged">
                </asp:DropDownList>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ddlcustomer" EventName="SelectedIndexChanged" />
            </Triggers>
        </asp:UpdatePanel>
    </FooterTemplate>
</asp:TemplateField>

BeUnique 2,332 Reputation points

2024-05-30T12:31:03.2266667+00:00

Hi @Lan Huang-MSFT ,

Thanks for your reply.

Date control value is maintaining after postback.

But, fileupload value (file missing) is clearing after postback..

???
AgaveJoe 30,041 Reputation points

2024-05-30T13:17:48.5033333+00:00

But, fileupload value (file missing) is clearing after postback..

Correct. Browsers do not allow a web server to select a file on the user's machine.

Perhaps come up with a another approach. Is it really necessary for the dropdown control to post back? You could toggle the other select's visibility with JavaScript. Or maybe an entirely different approach.

In my opinion, you really need to step back and study Web Forms. You'll never be able to solve basic programming problems until you have a fundamental understanding of ASP.NET Web Forms and server controls.
BeUnique 2,332 Reputation points

2024-05-30T13:31:23.33+00:00

Hi @AgaveJoe ,

Thanks for your reply.

I learned basic ASP.NET Web forms. otherwise, it is not possible to survive in the software industry.

Gridview is the bigger one and want to learn many things.

whenever working very deep concept which is not earlier faced this kind of problem even in the google search, it is difficult for.

but, my post will help others or in later future, particularly for my learning and project implementation.
AgaveJoe 30,041 Reputation points

2024-05-30T13:46:58.47+00:00

I learned basic ASP.NET Web forms. otherwise, it is not possible to survive in the software industry.

You learned a few minutes ago, the browser does not allow a web server to select a file on the user's machine. This is why the file input control is empty after the ddlcustomer auto post back.

Now you that you know why the file input is empty, tell us what tools in the ASP.NET Web Forms framework or web development in general you'll use to solve the current problem? Can you show us what changes you made to the code base to solve this problem?

BeUnique 2,332

Yes..sure..

i have one option and it is working fine always. pls. find the below code.

this will be working outside of the gridview and logic is the same for gridview.

we can use either session or viewstate for maintaining the fileupload values.

Logic is the same and need to use in page_load (so values will be persist always in the session)...?

  // store the FileUpload object in Session. 
            // "FileUpload1" is the ID of your FileUpload control
            // This condition occurs for first time you upload a file
            if (Session["FileUpload1"] == null && FileUpload1.HasFile)
            {
                Session["FileUpload1"] = FileUpload1;
                UploadFileName = FileUpload1.FileName; // get the name 
                //lnkbtnFileName.Text = UploadFileName;
                //UploadFileName = Path.GetFileName(FileUpload1.PostedFile.FileName);
                contentType = FileUpload1.PostedFile.ContentType;
                fileInputStream = FileUpload1.PostedFile.InputStream;
                hdnUploadStatus.Value = "New";
            }
            // This condition will occur on next postbacks        
            else if (Session["FileUpload1"] != null && (!FileUpload1.HasFile))
            {
                FileUpload1 = (FileUpload)Session["FileUpload1"];
                UploadFileName = FileUpload1.FileName;
                //lnkbtnFileName.Text = UploadFileName;
                contentType = FileUpload1.PostedFile.ContentType;
                fileInputStream = FileUpload1.PostedFile.InputStream;
                hdnUploadStatus.Value = "New";
            }
            //  when Session will have File but user want to change the file 
            // i.e. wants to upload a new file using same FileUpload control
            // so update the session to have the newly uploaded file
            else if (FileUpload1.HasFile)
            {
                Session["FileUpload1"] = FileUpload1;
                UploadFileName = FileUpload1.FileName;
                //lnkbtnFileName.Text = UploadFileName;
                contentType = FileUpload1.PostedFile.ContentType;
                fileInputStream = FileUpload1.PostedFile.InputStream;
                hdnUploadStatus.Value = "Update";
            }

AgaveJoe 30,041 Reputation points

2024-05-30T14:46:24.79+00:00

Cool, you were able to come up with an approach and write your own code to solve a programming problem.
BeUnique 2,332 Reputation points

2024-05-30T17:35:20.6666667+00:00

Can anyone reply the above is correct for gridview footer template file upload?

This will be working for normal upload option.

but, for gridview file upload (i.e) my question...???????????
AgaveJoe 30,041 Reputation points

2024-05-30T18:16:59.3+00:00

If I understand your extremely confusing question, two different file upload controls exist on the same Web Form page. One is file upload in in a GridView Footer and the other is outside the GridView. Your goal is to use the code shown above for both file uploads. If this is what you are trying to do then, no your approach will not work for every scenario.

First, both file uploads cannot exist at the same time because they have the same name; FileUpload1. Second, the design specifically persists FileUpload1 between post backs in the one user memory slot; Session["FileUpload1"] . If there are two different file uploads then logic is required to determine which file upload is cached at he moment or when the cached image is committed to permanent storage .

Keep in mind, the community cannot speak about the "correctness" of your code. Technically, if the code fulfills your use case then the code is correct. Would an experienced ASP.NET Web Forms developer use your approach? Probably not.
BeUnique 2,332 Reputation points

2024-05-31T01:33:01.13+00:00

Hi @AgaveJoe , Thanks for your suggestion, the world expects always some better solution..if anyone asking simple question, multiple persons replying in different solutions.. finally the end user will take what they want..my answer is above code also is same..so, end user get some idea and finally they may get some mixed approach solution...for simple answer, our conversation is too long...I will challenge again, I will give alternative solution for this grid probably in next couple of minutes or EOD...i have posted many questions and I got different solutions from other...but, this conversation with you is ??????, i hope which I am always expecting some good reply from Microsoft again......, i will post the solution in couple of mins or EOD..

Accepted answer

0 additional answers

Your answer

AgaveJoe 30,041 Reputation points

2024-05-29T17:46:55.5766667+00:00

after selecting of Ajax calendar control, if i select dropdown, the ajax value getting cleared. How to maintain the date even postback happens...?

We can only guess how your code works. I assume the DropDown server control is configured for auto post back but you code makes no attempt to persist the data.

Use the Visual Studio debugger to find and fix the bug in your code.
BeUnique 2,332 Reputation points

2024-05-30T01:25:53.46+00:00

Hi @AgaveJoe , Thanks for your reply...ye... dropdown will have postback...shall I use viewstate or session to persist date values before and after postback...or shall I use any variable to maintain this...?
Lan Huang-MSFT 30,181 Reputation points Microsoft External Staff

2024-05-30T03:17:00.4366667+00:00

Hi @Gani_tpt,

It is best to provide code that can reproduce the problem, otherwise we will not be able to help you solve the problem.
Lan Huang-MSFT 30,181 Reputation points Microsoft External Staff

2024-05-30T09:26:25.1133333+00:00

Hi @Gani_tpt,

both upload file and selected date values will be clearing.

selected date values

Remove ReadOnly="true".

<asp:TextBox ID="txtDOB" runat="server" Text=""></asp:TextBox> <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDOB" Format="MM/dd/yyyy" PopupButtonID="btnDate1" PopupPosition="BottomRight" CssClass="cal_Theme1"></ajaxToolkit:CalendarExtender> <asp:ImageButton ID="btnDate1" ImageUrl="~/images/imgCalendar.png" runat="server" />

upload file

Add an UpdatePanel to implement a partial postback.

<asp:TemplateField ItemStyle-HorizontalAlign="Center"> <FooterTemplate> <asp:UpdatePanel runat="server" ID="Up_LeaveDetails" UpdateMode="Always"> <ContentTemplate> <asp:DropDownList ID="ddlcustomer" Width="100px" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlCustomers_SelectedIndexChanged"> </asp:DropDownList> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="ddlcustomer" EventName="SelectedIndexChanged" /> </Triggers> </asp:UpdatePanel> </FooterTemplate> </asp:TemplateField>
BeUnique 2,332 Reputation points

2024-05-30T12:31:03.2266667+00:00

Hi @Lan Huang-MSFT ,

Thanks for your reply.

Date control value is maintaining after postback.

But, fileupload value (file missing) is clearing after postback..

???
AgaveJoe 30,041 Reputation points

2024-05-30T13:17:48.5033333+00:00

But, fileupload value (file missing) is clearing after postback..

Correct. Browsers do not allow a web server to select a file on the user's machine.

Perhaps come up with a another approach. Is it really necessary for the dropdown control to post back? You could toggle the other select's visibility with JavaScript. Or maybe an entirely different approach.

In my opinion, you really need to step back and study Web Forms. You'll never be able to solve basic programming problems until you have a fundamental understanding of ASP.NET Web Forms and server controls.
BeUnique 2,332 Reputation points

2024-05-30T13:31:23.33+00:00

Hi @AgaveJoe ,

Thanks for your reply.

I learned basic ASP.NET Web forms. otherwise, it is not possible to survive in the software industry.

Gridview is the bigger one and want to learn many things.

whenever working very deep concept which is not earlier faced this kind of problem even in the google search, it is difficult for.

but, my post will help others or in later future, particularly for my learning and project implementation.
AgaveJoe 30,041 Reputation points

2024-05-30T13:46:58.47+00:00

I learned basic ASP.NET Web forms. otherwise, it is not possible to survive in the software industry.

You learned a few minutes ago, the browser does not allow a web server to select a file on the user's machine. This is why the file input control is empty after the ddlcustomer auto post back.

Now you that you know why the file input is empty, tell us what tools in the ASP.NET Web Forms framework or web development in general you'll use to solve the current problem? Can you show us what changes you made to the code base to solve this problem?
BeUnique 2,332 Reputation points

2024-05-30T14:02:00.33+00:00

Yes..sure..

i have one option and it is working fine always. pls. find the below code.

this will be working outside of the gridview and logic is the same for gridview.

we can use either session or viewstate for maintaining the fileupload values.

Logic is the same and need to use in page_load (so values will be persist always in the session)...?

// store the FileUpload object in Session. // "FileUpload1" is the ID of your FileUpload control // This condition occurs for first time you upload a file if (Session["FileUpload1"] == null && FileUpload1.HasFile) { Session["FileUpload1"] = FileUpload1; UploadFileName = FileUpload1.FileName; // get the name //lnkbtnFileName.Text = UploadFileName; //UploadFileName = Path.GetFileName(FileUpload1.PostedFile.FileName); contentType = FileUpload1.PostedFile.ContentType; fileInputStream = FileUpload1.PostedFile.InputStream; hdnUploadStatus.Value = "New"; } // This condition will occur on next postbacks else if (Session["FileUpload1"] != null && (!FileUpload1.HasFile)) { FileUpload1 = (FileUpload)Session["FileUpload1"]; UploadFileName = FileUpload1.FileName; //lnkbtnFileName.Text = UploadFileName; contentType = FileUpload1.PostedFile.ContentType; fileInputStream = FileUpload1.PostedFile.InputStream; hdnUploadStatus.Value = "New"; } // when Session will have File but user want to change the file // i.e. wants to upload a new file using same FileUpload control // so update the session to have the newly uploaded file else if (FileUpload1.HasFile) { Session["FileUpload1"] = FileUpload1; UploadFileName = FileUpload1.FileName; //lnkbtnFileName.Text = UploadFileName; contentType = FileUpload1.PostedFile.ContentType; fileInputStream = FileUpload1.PostedFile.InputStream; hdnUploadStatus.Value = "Update"; }
AgaveJoe 30,041 Reputation points

2024-05-30T14:46:24.79+00:00

Cool, you were able to come up with an approach and write your own code to solve a programming problem.
BeUnique 2,332 Reputation points

2024-05-30T17:35:20.6666667+00:00

Can anyone reply the above is correct for gridview footer template file upload?

This will be working for normal upload option.

but, for gridview file upload (i.e) my question...???????????
AgaveJoe 30,041 Reputation points

2024-05-30T18:16:59.3+00:00

If I understand your extremely confusing question, two different file upload controls exist on the same Web Form page. One is file upload in in a GridView Footer and the other is outside the GridView. Your goal is to use the code shown above for both file uploads. If this is what you are trying to do then, no your approach will not work for every scenario.

First, both file uploads cannot exist at the same time because they have the same name; FileUpload1. Second, the design specifically persists FileUpload1 between post backs in the one user memory slot; Session["FileUpload1"] . If there are two different file uploads then logic is required to determine which file upload is cached at he moment or when the cached image is committed to permanent storage .

Keep in mind, the community cannot speak about the "correctness" of your code. Technically, if the code fulfills your use case then the code is correct. Would an experienced ASP.NET Web Forms developer use your approach? Probably not.
BeUnique 2,332 Reputation points

2024-05-31T01:33:01.13+00:00

Hi @AgaveJoe , Thanks for your suggestion, the world expects always some better solution..if anyone asking simple question, multiple persons replying in different solutions.. finally the end user will take what they want..my answer is above code also is same..so, end user get some idea and finally they may get some mixed approach solution...for simple answer, our conversation is too long...I will challenge again, I will give alternative solution for this grid probably in next couple of minutes or EOD...i have posted many questions and I got different solutions from other...but, this conversation with you is ??????, i hope which I am always expecting some good reply from Microsoft again......, i will post the solution in couple of mins or EOD..

Answer 1

Hi @Gani_tpt,

Sorry, I only tested FooterTemplate last time and forgot to test EmptyDataTemplate. You can implement the same code in EmptyDataTemplate as FooterTemplate, but you need to delete the outermost UpdatePanel.

Since the IDs of the dropdownlist and text box in EmptyDataTemplate and FooterTemplate are different, the relevant content of the backend code also needs to be modified. The specific code is as follows:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" ShowFooter="true">
            <Columns>
                <asp:TemplateField ItemStyle-HorizontalAlign="Center">
                    <FooterTemplate>
                        <asp:UpdatePanel runat="server" ID="Up_LeaveDetails" UpdateMode="Always">
                            <ContentTemplate>
                                <asp:DropDownList ID="ddlCustomers" Width="100px" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlCustomers_SelectedIndexChanged">
                                </asp:DropDownList>
                                <asp:TextBox ID="txtOtherCustomers" Text="" runat="server" Visible="false"></asp:TextBox>
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="ddlCustomers" EventName="SelectedIndexChanged" />
                            </Triggers>
                        </asp:UpdatePanel>
                    </FooterTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Name">
                    <ItemTemplate>
                        <%# Eval("Name") %>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
                    </FooterTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Country">
                    <ItemTemplate>
                        <%# Eval("Country") %>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:TextBox ID="txtCountry" runat="server"></asp:TextBox>
                    </FooterTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="DOB">
                    <ItemTemplate>
                    </ItemTemplate>
                    <FooterTemplate>
                        <div>
                            <asp:TextBox ID="txtDOB" runat="server" Text=""></asp:TextBox>
                            <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDOB"
                                Format="MM/dd/yyyy" PopupButtonID="btnDate1"
                                PopupPosition="BottomRight" CssClass="cal_Theme1"></ajaxToolkit:CalendarExtender>
                            <asp:ImageButton ID="btnDate1" ImageUrl="~/images/imgCalendar.png"
                                runat="server" />
                        </div>
                    </FooterTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Upload">
                    <ItemTemplate>
                        <%# Eval("FileName") %>
                    </ItemTemplate>
                    <FooterTemplate>
                        <asp:FileUpload ID="fuUpload" runat="server" />
                    </FooterTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <FooterTemplate>
                        <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="Add" CommandName="Footer" />
                    </FooterTemplate>
                </asp:TemplateField>
            </Columns>
            <EmptyDataTemplate>
                <tr>
                    <th scope="col">Customer Name</th>
                    <th scope="col">Name</th>
                    <th scope="col">Country</th>
                    <th scope="col">DOB</th>
                    <th scope="col">Upload</th>
                    <th scope="col"></th>
                </tr>
                <tr>
                    <td>
                        <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Always">
                            <ContentTemplate>
                                <asp:DropDownList ID="ddlCustomer" Width="100px" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlCustomers_SelectedIndexChanged">
                                </asp:DropDownList>
                                <asp:TextBox ID="txtOtherCustomer" Text="" runat="server" Visible="false"></asp:TextBox>
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="ddlCustomer" EventName="SelectedIndexChanged" />
                            </Triggers>
                        </asp:UpdatePanel>
                    </td>
                    <td>
                        <asp:TextBox ID="txtName" runat="server" /></td>
                    <td>
                        <asp:TextBox ID="txtCountry" runat="server" />
                    </td>
                    <td>
                        <asp:TextBox ID="txtDOB" CssClass="txtInput" runat="server" Text=""></asp:TextBox>
                        <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="txtDOB"
                            Format="MM/dd/yyyy" PopupButtonID="btnDate1"
                            PopupPosition="BottomRight" CssClass="cal_Theme1"></ajaxToolkit:CalendarExtender>
                        <asp:ImageButton ID="btnDate1" ImageUrl="~/images/imgCalendar.png"
                            runat="server" />
                    </td>
                    <td>
                        <asp:FileUpload ID="fuUpload" runat="server" />
                    </td>
                </tr>
            </EmptyDataTemplate>
        </asp:GridView>
        <table>
            <tr>
                <td>
                    <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="Add" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        this.BindGrid();
        Control control = null;
        DropDownList DropDownList1 = null;
        if (gvCustomers.FooterRow != null)
        {
            control = gvCustomers.FooterRow;
            DropDownList1 = (control.FindControl("ddlCustomers") as DropDownList);
        }
        else
        {
            control = gvCustomers.Controls[0].Controls[0];
            DropDownList1 = (control.FindControl("ddlCustomer") as DropDownList);
        }
        List<Item> items = new List<Item>();
        items.Add(new Item() { Value = "1", Text = "USA" });
        items.Add(new Item() { Value = "2", Text = "UK" });
        items.Add(new Item() { Value = "3", Text = "AUS" });
        items.Add(new Item() { Value = "4", Text = "OTHERS" });
        DropDownList1.DataSource = items;
        DropDownList1.DataTextField = "Text";
        DropDownList1.DataValueField = "Value";
        DropDownList1.DataBind();
        DropDownList1.Items.Insert(0, new ListItem("--Select --", "0"));
    }
}
private void BindGrid()
{
    string constr = ConfigurationManager.ConnectionStrings["ConString"].ConnectionString;
    string query = "SELECT Name, Country,FileName FROM Customers";
    using (SqlConnection con = new SqlConnection(constr))
    {
        using (SqlCommand cmd = new SqlCommand(query, con))
        {
            using (SqlDataAdapter sda = new SqlDataAdapter(cmd))
            {
                using (DataTable dt = new DataTable())
                {
                    sda.Fill(dt);
                    con.Open();
                    gvCustomers.DataSource = dt;
                    gvCustomers.DataBind();
                    con.Close();
                }
            }
        }
    }
}
protected void ddlCustomers_SelectedIndexChanged(object sender, EventArgs e)
{
    Control control = null;
    DropDownList ddlCustomers = null;
    TextBox txtOtherCustomers = null;
    if (gvCustomers.FooterRow != null)
    {
        control = gvCustomers.FooterRow;
        ddlCustomers = (control.FindControl("ddlCustomers") as DropDownList);
        txtOtherCustomers = control.FindControl("txtOtherCustomers") as TextBox;
    }
    else
    {
        control = gvCustomers.Controls[0].Controls[0];
        ddlCustomers = (control.FindControl("ddlCustomer") as DropDownList);
        txtOtherCustomers = control.FindControl("txtOtherCustomer") as TextBox;
    }
    if (ddlCustomers.SelectedItem.Text == "OTHERS")
    {
        txtOtherCustomers.Visible = true;
    }
    else
    {
        txtOtherCustomers.Visible = false;
    }
}
public class Item
{
    public Item() { }
    public string Value { set; get; }
    public string Text { set; get; }
}
protected void Add(object sender, EventArgs e)
{
}

Best regards,
Lan Huang

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

BeUnique 2,332 Reputation points

2024-05-31T04:30:39.09+00:00

Hi @Lan Huang-MSFT ,

Thanks for your reply.

I am asking questions based on your code only. most of the time you helped me a lot for the good solution.

whenever i asked the question, first i am searching in the google, or i'm trying to solve the issue by own.

some times, our client asking immediate solution. so that time we don't have time to go for analysis and search.

so i decided finally, if we couldn't find any solution in the net (microsoft, other forums) then we go for microsoft forums new question.

This post, empty datatemplate and footer template is new for me. that's why i asked more questions.

i have already derived the final solution based on your code and other search part.

my doubt is,

when postback dropdown or save button click, date values and file upload values will be clearing...(file upload is critical)

Now, all the issue has been solved except file upload.

because, i am using emptydatatemplate in FooterTemplate.

if possible, provide the file upload maintain state or i'm working on this for better solution.
Lan Huang-MSFT 30,181 Reputation points Microsoft External Staff

2024-05-31T05:17:15.7733333+00:00

Hi @Gani_tpt,

I don't know if you have tried the solution I provided.

Any postback is going to clear what file was currently selected in the file upload control, that's just how it works for security reasons.

My suggestion is to implement partial postback. In the above code, I have implemented that the file upload value will not be cleared when the drop-down box is posted back. If you want the save button to achieve the same effect, you can use the same method.

<table> <tr> <td> <asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Always"> <ContentTemplate> <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="Add" /> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnAdd" EventName="Click" /> </Triggers> </asp:UpdatePanel> </td> </tr> </table>
BeUnique 2,332 Reputation points

2024-05-31T10:18:58.0166667+00:00

Hi @Lan Huang-MSFT ,

Thanks for your reply.

All is done.

The values are maintaining even if it is postback.

i am testing different cases and i found some bug.

first i'm uploading file and then selecting dropdown some values (postback) values are maintaining perfect.

first i'm selecting dropdown and then selecting uploading file, here ==> values are maintaining but, when i'm trying to add/save, filename is nothing.

i am finding root cause of this. if you have any idea about this pls. let me know.
BeUnique 2,332 Reputation points

2024-05-31T10:41:50.37+00:00

I changed to Postbacktrigger instead of AsyncPostbacktrigger...it's working.

<asp:UpdatePanel runat="server" ID="UpdatePanel1" UpdateMode="Always"> <ContentTemplate> <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="Add" /> </ContentTemplate> <Triggers> <asp:PostBackTrigger ControlID="btnAdd" EventName="Click" /> </Triggers> </asp:UpdatePanel>
BeUnique 2,332 Reputation points

2024-05-31T12:20:32.5233333+00:00

Hi @Lan Huang-MSFT ,

if i use "postbacktrigger" it is working. but, while validate the controls, it will postback..

how to avoid this..?
BeUnique 2,332 Reputation points

2024-05-31T16:31:08.0433333+00:00

Hi @Lan Huang-MSFT ,

I tried below option to maintain the fileupload ("filename") value in the session using button upload.

i used same concept for dropdown. but, still filename not getting while saving record.

<FooterTemplate> <asp:UpdatePanel runat="server" ID="Updpnl1" UpdateMode="Always"> <ContentTemplate> <asp:FileUpload ID="fufooter" runat="server" /> <asp:Label ID="lblfilename" runat="server" Text="" Visible="false"></asp:Label> <asp:Button ID="btnUploadfooter" runat="server" Text="Upload" OnClick="UploadFile" /> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnUploadfooter" EventName="Click" /> </Triggers> </asp:UpdatePanel> </FooterTemplate> <EmptyDataTemplate> <tr> <td> <asp:UpdatePanel runat="server" ID="Updpnl2" UpdateMode="Always"> <ContentTemplate> <asp:FileUpload ID="fuUpload" runat="server" /> <asp:Label ID="lblfilename" runat="server" Text="" Visible="false"></asp:Label> <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="UploadFile" /> </ContentTemplate> <Triggers> <asp:AsyncPostBackTrigger ControlID="btnUpload" EventName="Click" /> </Triggers> </asp:UpdatePanel> </td> </tr> </EmptyDataTemplate> protected void UploadFile(object sender, EventArgs e) { Control control = null; FileUpload FileUpload1 = null; string fileName = null; Label lbluploadedfilename = null; if (gvBills.FooterRow != null) { control = gvBills.FooterRow; FileUpload1 = (FileUpload)control.FindControl("fuUploadFTR"); fileName = Path.GetFileName(FileUpload1.PostedFile.FileName); } else { control = gvBills.Controls[0].Controls[0]; FileUpload1 = (FileUpload)control.FindControl("fuUpload"); fileName = Path.GetFileName(FileUpload1.PostedFile.FileName); } Session["uploadedfilename"] = fileName; lbluploadedfilename.Visible = true; lbluploadedfilename.Text = Session["uploadedfilename"].ToString(); }
AgaveJoe 30,041 Reputation points

2024-05-31T17:37:05.68+00:00

The FileUpload control does not work with an update panel due to browser security. FileUpload1.PostedFile is null and should be throwing an exception.

Use the ajaxToolkit:AsyncFileUpload control instead.

https://www.ajaxtoolkit.net/AsyncFileUpload/AsyncFileUpload.aspx#google_vignette

You'll need to read the documentation to learn how to use the AsyncFileUpload control.

I want to point out your code behind is looking for the "fuUploadFTR" control ID but the markup does not contain a fuUploadFTR ID.
Lan Huang-MSFT 30,181 Reputation points Microsoft External Staff

2024-06-03T01:51:04.2+00:00

Hi @Gani_tpt,

I noticed that you have created a new thread regarding this issue. I suggest you close this thread and discuss it in a new one.

https://learn.microsoft.com/en-us/answers/questions/1689851/how-to-assign-value-from-session-upload-file-into

Share via

How to maintain Ajax calendar values after postback in Gridview Footer

0 additional answers

Your answer