How to handle Post back if using Ajax

Printable View

Hi all,

Before I used updatepanel the code below is worked.

asp Code:

Protected Sub grdStatusMaster_RowEditing(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewEditEventArgs) Handles grdStatusMaster.RowEditing
 
        With grdStatusMaster
 
            .EditIndex = e.NewEditIndex
            .ShowFooter = False
            .Width = 560
            .Columns.Item(4).ItemStyle.Width = 125
 
            If Me.IsPostBack Then
 
                Me.grdStatusMaster.DataSource = (CType(Session("myDatatable"), DataTable)).DefaultView
                Me.grdStatusMaster.DataBind()
                Dim descTB As TextBox
                Dim rowCheckbox As CheckBox
                Dim strScript As String
                descTB = .Rows(.EditIndex).Cells(2).FindControl("txtdesc")
                rowCheckbox = .Rows(.EditIndex).Cells(0).FindControl("ChkSelect")
 
                strScript = "<script language=""JavaScript"">" & vbCrLf & _
                             vbTab & "document.getElementById('" & descTB.ClientID & "')" & ".focus();" & _
                              vbCrLf & vbTab & "document.getElementById('" & descTB.ClientID & "')" & ".select();" & _
                              vbCrLf & vbTab & "document.getElementById('" & rowCheckbox.ClientID & "')" & ".checked = true;" & _
                             vbCrLf & "<" & "/script>"
                Page.ClientScript.RegisterStartupScript(GetType(String), "HighLightText", strScript)
 
            End If
        End With
 
    End Sub

But after I used updatepanel the code above doesn't worked.

Can any one tell me why it happened and how to solve my issue ?

Thanks a lot.

Mar 19th, 2009, 02:41 AM
mendhak

Re: How to handle Post back if using Ajax

If in an updatepanel, you can't use Page.ClientScript, you need to use ScriptManager.

Re: How to handle Post back if using Ajax

Quote:

Originally Posted by mendhak

If in an updatepanel, you can't use Page.ClientScript, you need to use ScriptManager.

I has changed the code as below but still cannot worked :-(

asp Code:

Protected Sub grdStatusMaster_RowEditing(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewEditEventArgs) Handles grdStatusMaster.RowEditing
 
 
With grdStatusMaster
 
.EditIndex = e.NewEditIndex
 
.ShowFooter = False
 
.Width = 560
 
.Columns.Item(4).ItemStyle.Width = 125
 
If Me.IsPostBack Then
Me.grdStatusMaster.DataSource = (CType(Session("myDatatable"), DataTable)).DefaultView
 
Me.grdStatusMaster.DataBind()
Dim descTB As TextBox
 
Dim rowCheckbox As CheckBox
Dim strScript As String
 
 
descTB = .Rows(.EditIndex).Cells(2).FindControl("txtdesc")rowCheckbox = .Rows(.EditIndex).Cells(0).FindControl("ChkSelect")
 
 
 
strScript = "<script language=""JavaScript"">" & vbCrLf & _
vbTab & "document.getElementById('" & descTB.ClientID & "')" & ".focus();" & _
 
vbCrLf & vbTab & "document.getElementById('" & descTB.ClientID & "')" & ".select();" & _
vbCrLf & vbTab & "document.getElementById('" & rowCheckbox.ClientID & "')" & ".checked = true;" & _
 
vbCrLf & "<" & "/script>"
ScriptManager.RegisterStartupScript(Page, GetType(Page), "HighLightText", strScript, True)
 
End If
 
 
 
End With
 
End Sub

Mar 19th, 2009, 08:45 AM
timeshifter

Re: How to handle Post back if using Ajax

You're injecting JS into a page that's already loaded. Think about that. The point of using an UpdatePanel is to prevent the page from reloading when an action takes place. No reload, no inline JS execution.
Mar 19th, 2009, 07:29 PM
nUflAvOrS

Re: How to handle Post back if using Ajax

hmm.. thanms timeshifter.

then what is the purpose by using scriptmanager ?

furthermore,got any others way to achieve my purpose ?
Mar 20th, 2009, 06:57 AM
mendhak

Re: How to handle Post back if using Ajax

No, you can still send javascript to be run from an UpdatePanel, you just have to use ScriptManager. Show your markup.

Re: How to handle Post back if using Ajax

Thanks a lot Mendnak :-)

asp Code:

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="MasterTable.ascx.vb" Inherits="MasterTable" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="Aj" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 
 
 
<Aj:ToolkitScriptManager ID="ToolkitScriptManager2" runat="server">
</Aj:ToolkitScriptManager>
<div id = "Div1">
    &nbsp; &nbsp;&nbsp; 
    <asp:Menu ID = "MST_Menu" runat = "server" Orientation="Horizontal" CssClass="toolbar1" Width="96px" BackColor="White">
            <StaticMenuStyle CssClass="toolbar1" />
            <StaticMenuItemStyle CssClass="toolbar1" />
            <DynamicHoverStyle CssClass="toolbar1" />
            <DynamicMenuStyle CssClass="toolbar1" />
        <Items>
            <asp:MenuItem ImageUrl="~/Images/Menu/application_edit.png"  Text="Add New"
                ToolTip="Add New Item" Value="Add New" PopOutImageUrl="~/Images/Menu/application_form_edit.png"></asp:MenuItem>
            
            <asp:MenuItem ImageUrl="~/Images/Menu/database_lightning.png" Text="Delete" ToolTip="Delete Selected Items"
                Value="Delete" PopOutImageUrl="~/Images/Menu/delete.png"></asp:MenuItem>
        </Items>
    </asp:Menu>
    &nbsp;
   
    <table border = 0 align = "left" width = "100%" height = "75%">
    
    <tr>
        <td style="width: 169px; height: 250px;" colspan = "2" valign = "top" bordercolor="gray" bordercolordark="#003333" bordercolorlight="#000066" >
                <asp:UpdatePanel ID="UpdatePanel1" runat = "server" >
                <ContentTemplate>
                <div>
                    &nbsp; &nbsp;</div>
                    <asp:GridView AllowPaging="True" 
                    AllowSorting="True" 
                    AutoGenerateColumns="False" 
                    BackColor="White" 
                    BorderColor="#CCCCCC" 
                    BorderStyle="None" BorderWidth="1px" 
                    CellPadding="2" ForeColor="Black" 
                    ID="grdStatusMaster" runat="server" Width="460px">
                        <FooterStyle BackColor="Gray" ForeColor="Black" />
                        <EmptyDataRowStyle BackColor="White" />
                        <Columns >
                            <asp:TemplateField HeaderImageUrl="~/Images/TreeviewICO/script_edit.jpg">
                                <HeaderTemplate>
                                    <asp:CheckBox ID="chkHeader" runat="server"  />
                                </HeaderTemplate>
                                <ItemStyle Width="15px" />
                                <ItemTemplate>
                                    <asp:CheckBox ID="ChkSelect" runat="server" />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="ID">
                                <FooterTemplate>
                                    <asp:TextBox ID="txtFTID" runat="server"></asp:TextBox>
                                </FooterTemplate>
                                <ItemTemplate>
                                    <%# DataBinder.Eval(Container.DataItem,"ID") %>
                                </ItemTemplate>
                                <HeaderTemplate>
                                    ID
                                    <asp:TextBox ID="txtHID" runat="server" Width="104px"></asp:TextBox>
                                </HeaderTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Description">
                                <EditItemTemplate>
                                    <asp:TextBox ID="txtDesc" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"ID Description") %>'
                                        Width="224px"></asp:TextBox>
                                </EditItemTemplate>
                                <FooterTemplate>
                                    <asp:TextBox ID="txtFTDesc" runat="server" Width="224px"></asp:TextBox>
                                </FooterTemplate>
                                <ItemTemplate>
                                    <%#DataBinder.Eval(Container.DataItem, "ID Description")%>
                                </ItemTemplate>
                                <HeaderTemplate>
                                    Desc &nbsp;<asp:TextBox ID="txtHDesc" runat="server" Width="128px"></asp:TextBox>
                                </HeaderTemplate>
                            </asp:TemplateField>
                            <asp:CheckBoxField DataField="status" HeaderText="S">
                                <ItemStyle Width="15px" />
                            </asp:CheckBoxField>
                            <asp:TemplateField>
                                <EditItemTemplate>
                                    <asp:Button ID="Button1" runat="server" CausesValidation="True" CommandName="Update"
                                        Text="Update" />&nbsp;<asp:Button ID="Button2" runat="server" CausesValidation="False"
                                            CommandName="Cancel" Text="Cancel" />
                                </EditItemTemplate>
                                <FooterTemplate>
                                    <asp:Button ID="cmdADD" runat="server" Height="24px" Text="Add" Width="64px" />
                                </FooterTemplate>
                                <ItemStyle HorizontalAlign="Center" Width="15px" Wrap="True" />
                                <ItemTemplate>
                                    <asp:Button ID="btnEdit" runat="server" CausesValidation="False" CommandName="Edit"
                                        Text="Edit" />
                                </ItemTemplate>
                                <HeaderTemplate>
                                    <asp:Button ID="cmdHFind" runat="server" Text="Find" Width="48px" />
                                </HeaderTemplate>
                            </asp:TemplateField>
                        </Columns>
                        <RowStyle VerticalAlign="Top"/>
                        <EmptyDataTemplate >
                            &nbsp;<asp:Label ID="Label1" runat="server" Height="20px" Text="No data found" Width="104px"></asp:Label>
                        </EmptyDataTemplate>
                        <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" />
                        <HeaderStyle BackColor="DarkGray" Font-Bold="True" ForeColor="White" />
                        <AlternatingRowStyle BackColor="WhiteSmoke" />
                    </asp:GridView>
             </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="MST_Menu" EventName="MenuItemClick" />
                </Triggers>
            </asp:UpdatePanel>
            &nbsp;&nbsp;</td>
    </tr>
        
       </table>
            <asp:Literal ID="CheckBoxIDsArray" runat="server"></asp:Literal>&nbsp;      
   
    <br />
 
    <br />
 
      </div>