Databases
StackOverflow2013
Postsdbo
POFiring ImageButton server side event but the page is not updating using ASP.NET UpdatePanel
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFiring ImageButton server side event but the page is not updating using ASP.NET UpdatePanel
    text
    copied!<p>I've feature to implement which is when user in the GridView footer and press on Enter key the row will be inserted. In the GridView I have 2 <code>&lt;asp:ImageButton&gt;</code> one in <code>&lt;EmptyDataTemplate&gt;</code> and the other in <code>&lt;FooterTemplate&gt;</code> I wrote JavaScript to execute the ImageButton Click event when use is in the last field, the ImageButton Server-Side Click event fired but the page is not updated.</p> <p>Here is JavaScrip function:</p> <pre><code> function insertByEnterKey(buttonId) { var button = document.getElementById(buttonId); var keyEvent = event.keyCode; if (keyEvent == 13) { button.click(); } } </code></pre> <p>Here is the ASPX:</p> <pre><code>&lt;asp:UpdatePanel ID="UpdatePanel" runat="server"&gt; &lt;ContentTemplate&gt; ... &lt;asp:GridView ID="grvDonationDist" runat="server" AutoGenerateColumns="False" ShowFooter="True" DataKeyNames="reciept_num,donation_code" meta:resourcekey="grvDonationDistResource1" ShowHeaderWhenEmpty="True" BorderWidth="1px" BackColor="White" BorderColor="LightSteelBlue" CellPadding="0" Font-Name="tahoma" Font-Size="10pt" ForeColor="DarkBlue" HeaderStyle-BackColor="#aaaadd" GridLines="None"&gt; &lt;EmptyDataTemplate&gt; &lt;asp:Label CssClass="label" ID="lblEmptyDonationDist" runat="server" Text="No Donations" meta:resourcekey="lblEmptyDonationDistResource1"&gt;&lt;/asp:Label&gt; &lt;tr&gt; &lt;td&gt; &lt;asp:ImageButton ID="lbtnAdd" runat="server" OnClick="lbtnAdd_Click" meta:resourcekey="AddResource1" ImageUrl="Content/images/add.png"&gt;&lt;/asp:ImageButton&gt; &lt;/td&gt; ... &lt;td&gt; &lt;asp:TextBox ID="txtDonationNotesFooter" CssClass="textbox" runat="server" meta:resourcekey="txtDonationNotesResource1" onKeyDown="insertByEnterKey('lbtnAdd');"&gt;&lt;/asp:TextBox&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/EmptyDataTemplate&gt; &lt;Columns&gt; &lt;asp:TemplateField FooterText="Total" ShowHeader="False"&gt; &lt;EditItemTemplate&gt; ... &lt;/EditItemTemplate&gt; &lt;ItemTemplate&gt; ... &lt;/ItemTemplate&gt; &lt;FooterTemplate&gt; &lt;asp:ImageButton ID="lbtnAdd" runat="server" OnClick="lbtnAddFromFooter_Click" meta:resourcekey="AddResource1" ImageUrl="Content/images/add.png"&gt;&lt;/asp:ImageButton&gt; &lt;/FooterTemplate&gt; &lt;/asp:TemplateField&gt; ... &lt;asp:TemplateField HeaderText="Notes" SortExpression="distribution_remrks" meta:resourcekey="TemplateFieldResource3"&gt; &lt;EditItemTemplate&gt; ... &lt;/EditItemTemplate&gt; &lt;ItemTemplate&gt; ... &lt;/ItemTemplate&gt; &lt;FooterTemplate&gt; &lt;asp:TextBox ID="txtDonationNotesFooter" CssClass="textbox" runat="server" meta:resourcekey="txtDonationNotesResource1" onKeyDown="insertByEnterKey('lbtnAdd');"&gt;&lt;/asp:TextBox&gt; &lt;/FooterTemplate&gt; &lt;/asp:TemplateField&gt; &lt;/Columns&gt; &lt;/asp:GridView&gt; &lt;/ContentTemplate&gt; &lt;/asp:UpdatePanel&gt; </code></pre> <p>Here is VB.NET:</p> <pre><code>Protected Sub lbtnAddFromFooter_Click(sender As Object, e As EventArgs) 'Footer Add 'Add Insert Logic here Try Dim donationDist As New DonationDist Dim txtDonationValueFooter As TextBox = grvDonationDist.FooterRow.FindControl("txtDonationValueFooter") Dim txtDonationNotesFooter As TextBox = grvDonationDist.FooterRow.FindControl("txtDonationNotesFooter") Dim ddlCountryFooter As DropDownList = grvDonationDist.FooterRow.FindControl("ddlCountryFooter") Dim ddlPurposeFooter As DropDownList = grvDonationDist.FooterRow.FindControl("ddlNewDonationPurposeType") Dim chkPartial As CheckBox = grvDonationDist.FooterRow.FindControl("chkPartialFooter") Dim standInstruct As Label = grvDonationDist.FooterRow.FindControl("lblStandInstructFooter") Dim donationValue As Decimal = Convert.ToDecimal(txtDonationValueFooter.Text) 'Validation: Donation Value must be &gt; 0 If (donationValue &lt;= 0) Then If (CultureInfo.CurrentUICulture.Name.Contains("ar")) Then ShowAlert("قيمة الترع يجب ان تكون أكبر من الصفر") ElseIf (CultureInfo.CurrentUICulture.Name.Contains("en")) Then ShowAlert("Donation Value must be greater than 0") End If Exit Sub End If myDonationDistDataTable = Session("myDonationDistDataTable") 'Validation: Only one donation type per Receipt For Each row As DataRow In myDonationDistDataTable.Rows If (row.Item("donation_code") = ddlPurposeFooter.SelectedValue) Then If (CultureInfo.CurrentUICulture.Name.Contains("ar")) Then ShowAlert("لا يمكن تكرار الغرض في نفس سند القبض") ElseIf (CultureInfo.CurrentUICulture.Name.Contains("en")) Then ShowAlert("You cannot add more than on Donation Type per receipt") End If Exit Sub End If Next myDonationDistDataRow = myDonationDistDataTable.NewRow() myDonationDistDataRow("reciept_num") = 0 myDonationDistDataRow("donation_code") = Convert.ToInt16(ddlPurposeFooter.SelectedValue) myDonationDistDataRow("donation_name") = ddlPurposeFooter.SelectedItem.Text myDonationDistDataRow("donation_value") = Convert.ToDecimal(txtDonationValueFooter.Text) myDonationDistDataRow("country_code") = Convert.ToInt16(ddlCountryFooter.SelectedValue) myDonationDistDataRow("country_name") = ddlCountryFooter.SelectedItem.Text myDonationDistDataRow("distribution_remrks") = txtDonationNotesFooter.Text myDonationDistDataRow("partial") = chkPartial.Checked myDonationDistDataRow("standing_inst_num") = If(String.IsNullOrWhiteSpace(standInstruct.Text), 0, Convert.ToInt32(standInstruct.Text)) 'add the new DataRow to DataTable's Row myDonationDistDataTable.Rows.Add(myDonationDistDataRow) Session("myDonationDistDataTable") = myDonationDistDataTable grvDonationDist.DataSource = myDonationDistDataTable grvDonationDist.DataBind() Catch ex As Exception 'TODO: Log the exception End Try End Sub </code></pre> <p>What is wrong with this code? Am I missing something?</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload