This is a migrated thread and some comments may be shown as answers.

[Solved] Ajax stop work in second postback

2 Answers 205 Views

Ajax

This is a migrated thread and some comments may be shown as answers.

Hector Hernandez asked on 18 Aug 2014, 05:56 PM

loading.png

Hello, I have this problem
I have this page i includ the html file, the isue is that anywhere i click, on the Grid, or any control ajaxfixed only the first time shows the image .gif loading
when i hit any ajaxfixed control for the second time, the image of loading dont show, but the action is done.

hope i'am getting understud
Greats

<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Directorio.aspx.cs" Inherits="SIFGUA_II.Directorio" MaintainScrollPositionOnPostback="true" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<div>

<telerik:RadTabStrip id="RadTabStrip1" SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1" Skin="MetroTouch">

<Tabs>

<telerik:RadTab runat="server" Text="Empresas" Selected="True"></telerik:RadTab>

<telerik:RadTab runat="server" Text="Directorio de Empresas" Selected="True"></telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" Width="100%">

<telerik:RadPageView ID="RadpageView1" runat="server"> <%--Empresas--%>

<div>

<center>

<asp:Label ID="Label1" runat="server" CssClass="Titulares" Text="Resumen de Empresas Activas en Registro Forestal"></asp:Label>

</center>

</div>

<div>

<hr />

</div>

<center>

<table>

<tr>

<td>

<telerik:RadGrid runat="server" ID="GrdResEmpresas" PageSize="20" Skin="Metro"

AutoGenerateColumns="false" Width="350px" AllowSorting="true"

AllowPaging="true" GridLines="Both" >

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Siguiente"

PrevPageText="Anterior" Position="Bottom"

PagerTextFormat="Change page: {4}  Pagina <strong>{0}</strong> de <strong>{1}</strong>, registros <strong>{2}</strong> a <strong>{3}</strong> de <strong>{5}</strong>."

PageSizeLabelText="Regitros"/>

<MasterTableView Caption="" DataKeyNames="tiporegistro,cantidad" NoMasterRecordsText="No Hay Registros" ShowFooter="true">

<Columns>

<telerik:GridBoundColumn DataField="tiporegistro" FooterText="Total de empresas registradas activas" FooterStyle-Font-Bold="true" HeaderText="Empresas registradas y activas en el RNF" HeaderStyle-Width="550px">

<HeaderStyle Width="550px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="cantidad" DataFormatString="{0:#,##0}" HeaderText="Totales" Aggregate="Sum" FooterStyle-Font-Bold="true" FooterAggregateFormatString="{0:#,##0}" HeaderStyle-Width="125px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="Por" DataFormatString="{0:#,##0.00}" HeaderText="Porcentaje" HeaderStyle-Width="125px">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableTheming="true">

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

</telerik:RadGrid>

</td>

<td>

<telerik:RadHtmlChart runat="server" ID="GraPieEmpresas" Width="450" Height="450" Transitions="true">

<Appearance>

<FillStyle BackgroundColor="White"></FillStyle>

</Appearance>

<ChartTitle Text="">

<Appearance Align="Center" BackgroundColor="White" Position="Top">

</Appearance>

</ChartTitle>

<Legend>

<Appearance BackgroundColor="White" Position="Bottom">

</Appearance>

</Legend>

<PlotArea>

<Appearance>

<FillStyle BackgroundColor="White"></FillStyle>

</Appearance>

</PlotArea>

</telerik:RadHtmlChart>

</td>

</tr>

</table>

</center>

<div>

<hr />

</div>

<div>

<center>

<asp:Label ID="Label2" runat="server" CssClass="Titulares" Text="Empresas Activas en Registro Forestal Por Departamento"></asp:Label>

</center>

</div>

<div>

<center>

<table>

<tr>

<td>

<asp:ImageButton runat="server" ID="ImgExpDep" ImageUrl="~/Imagenes/Utiles/expxls.png" ToolTip="Exportar a Excel" />

</td>

</tr>

<tr>

<td>

<telerik:RadGrid runat="server" ID="GrdDepartamentos" PageSize="24" Skin="Metro"

AutoGenerateColumns="false" Width="100%" AllowSorting="true"

AllowPaging="true" GridLines="Both" >

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Siguiente"

PrevPageText="Anterior" Position="Bottom"

PagerTextFormat="Change page: {4}  Pagina <strong>{0}</strong> de <strong>{1}</strong>, registros <strong>{2}</strong> a <strong>{3}</strong> de <strong>{5}</strong>."

PageSizeLabelText="Regitros"/>

<MasterTableView Caption="" DataKeyNames="AgrupacionId,NombreTerritorio" NoMasterRecordsText="No Hay Registros">

<Columns>

<telerik:GridBoundColumn DataField="AgrupacionId" Visible="false" HeaderText="Departamento" HeaderStyle-Width="350px">

<HeaderStyle Width="350px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="NombreTerritorio" HeaderStyle-HorizontalAlign="Center" HeaderText="Departamento" FooterText="Total General" FooterStyle-Font-Bold="true" HeaderStyle-Width="350px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="IF" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Right" HeaderText="Industrias Forestales" FooterStyle-Font-Bold="true" HeaderStyle-Width="75px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="DP" ItemStyle-HorizontalAlign="Right" HeaderText="Depósitos forestales" FooterStyle-Font-Bold="true" HeaderStyle-Width="75px" HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="EXIM" ItemStyle-HorizontalAlign="Right" HeaderText="Exportadores - Importadores" FooterStyle-Font-Bold="true" HeaderStyle-Width="80px" HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="SF" ItemStyle-HorizontalAlign="Right" HeaderText="Empresas de servicios forestales" FooterStyle-Font-Bold="true" HeaderStyle-Width="75px" HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="VF" ItemStyle-HorizontalAlign="Right" HeaderText="Viveros Forestales" FooterStyle-Font-Bold="true" HeaderStyle-Width="75px" HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="EPF" ItemStyle-HorizontalAlign="Right" HeaderText="Extractores y Recolectores" FooterStyle-Font-Bold="true" HeaderStyle-Width="75px" HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="EMT" ItemStyle-HorizontalAlign="Right" HeaderText="Empresas de Motosierras" FooterStyle-Font-Bold="true" HeaderStyle-Width="75px" HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Ver Municipios" AllowFiltering="false" ShowFilterIcon="false" Visible="true" UniqueName="Requi">

<ItemTemplate>

<asp:ImageButton runat="server" ID="ImgBorrar" ImageUrl="~/Imagenes/Utiles/file.png" ToolTip="Ver Municipios" CommandName="CmdVer"/>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableTheming="true">

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

</telerik:RadGrid>

</td>

</tr>

</table>

</center>

</div>

<div>

<hr />

</div>

<div>

<center>

<asp:Label ID="Label3" runat="server" CssClass="Titulares" Text="Empresas Activas en Registro Forestal Por Municipio"></asp:Label>

</center>

</div>

<div>

<center>

<table>

<tr>

<td>

<asp:ImageButton runat="server" ID="ImgExpEmpMun" ImageUrl="~/Imagenes/Utiles/expxls.png" ToolTip="Exportar a Excel" />

</td>

</tr>

<tr>

<td>

<telerik:RadGrid runat="server" ID="GrdMunicipio" PageSize="35" Skin="Metro"

AutoGenerateColumns="false" Width="100%" AllowSorting="true"

AllowPaging="true" GridLines="Both" >

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Siguiente"

PrevPageText="Anterior" Position="Bottom"

PagerTextFormat="Change page: {4}  Pagina <strong>{0}</strong> de <strong>{1}</strong>, registros <strong>{2}</strong> a <strong>{3}</strong> de <strong>{5}</strong>."

PageSizeLabelText="Regitros"/>

<MasterTableView Caption="" DataKeyNames="AgrupacionId,NombreTerritorio" NoMasterRecordsText="No Hay Registros" ShowFooter="true">

<Columns>

<telerik:GridBoundColumn DataField="AgrupacionId" Visible="false" HeaderText="Municipio" HeaderStyle-Width="350px">

<HeaderStyle Width="350px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="NombreTerritorio" HeaderStyle-HorizontalAlign="Center" HeaderText="Municipio" FooterText="Total General" FooterStyle-Font-Bold="true" HeaderStyle-Width="300px">

<HeaderStyle Width="300px"></HeaderStyle>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="" UniqueName="EXIM" ItemStyle-HorizontalAlign="Right" HeaderText="Exportadores - Importadores" FooterStyle-Font-Bold="true" HeaderStyle-Width="75px" HeaderStyle-HorizontalAlign="Center" FooterStyle-HorizontalAlign="Right">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableTheming="true">

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

</telerik:RadGrid>

</td>

</tr>

</table>

</center>

</div>

</telerik:RadPageView>

<telerik:RadPageView ID="RadpageView2" runat="server"> <%--Directorio--%>

<div>

<center>

<asp:Label ID="Label4" runat="server" CssClass="Titulares" Text="Directorio de Empresas Forestales Activas"></asp:Label>

</center>

</div>

<div>

<hr />

</div>

<div>

<center>

<table>

<tr>

<td>

<asp:ImageButton runat="server" ID="BtnExpExlsEmp" ImageUrl="~/Imagenes/Utiles/expxls.png" ToolTip="Exportar a Excel" />

</td>

</tr>

<tr>

<td>

<telerik:RadGrid runat="server" ID="GrdEmpresas" PageSize="24" Skin="Metro" AllowFilteringByColumn="true"

AutoGenerateColumns="false" Width="100%" AllowSorting="true"

AllowPaging="true" GridLines="Both" >

<PagerStyle Mode="NextPrevAndNumeric" NextPageText="Siguiente"

PrevPageText="Anterior" Position="Bottom"

PagerTextFormat="Change page: {4}  Pagina <strong>{0}</strong> de <strong>{1}</strong>, registros <strong>{2}</strong> a <strong>{3}</strong> de <strong>{5}</strong>."

PageSizeLabelText="Regitros"/>

<MasterTableView Caption="" DataKeyNames="No. registro,Fecha registro,Fecha vencimiento,Estado,Empresa,Telefono,Aldea,Municipio,Departamento,Tipo industria" NoMasterRecordsText="No Hay Registros" ShowFooter="true">

<Columns>

<telerik:GridBoundColumn DataField="Fecha registro" HeaderStyle-HorizontalAlign="Center" AllowFiltering="false" ShowFilterIcon="false" HeaderText="Fecha registro" HeaderStyle-Width="350px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="No. registro" HeaderStyle-HorizontalAlign="Center" FilterControlWidth="75px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" HeaderText="No. Registro" HeaderStyle-Width="75px">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Empresa" HeaderStyle-HorizontalAlign="Center" HeaderText="Nombre comercial" HeaderStyle-Width="250px" FilterControlWidth="150px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Aldea" HeaderStyle-HorizontalAlign="Center" HeaderText="Aldea" HeaderStyle-Width="250px" AllowFiltering="false" ShowFilterIcon="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Municipio" HeaderStyle-HorizontalAlign="Center" HeaderText="Municipio" HeaderStyle-Width="250px" FilterControlWidth="150px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Departamento" HeaderStyle-HorizontalAlign="Center" HeaderText="Departamento" HeaderStyle-Width="250px" FilterControlWidth="150px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Telefono" HeaderStyle-HorizontalAlign="Center" HeaderText="Teléfono" HeaderStyle-Width="250px" AllowFiltering="false" ShowFilterIcon="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Tipo industria" HeaderStyle-HorizontalAlign="Center" HeaderText="Tipo de Industria" HeaderStyle-Width="100px" FilterControlWidth="100px" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Fecha vencimiento" HeaderStyle-HorizontalAlign="Center" HeaderText="Fecha de Vencimiento" HeaderStyle-Width="250px" AllowFiltering="false" ShowFilterIcon="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Estado" HeaderStyle-HorizontalAlign="Center" HeaderText="Estatus" HeaderStyle-Width="250px" AllowFiltering="false" ShowFilterIcon="false">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableTheming="true">

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

</telerik:RadGrid>

</td>

</tr>

</table>

</center>

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

</div>

<asp:TextBox runat="server" ID="IdDep" Visible="false"></asp:TextBox>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" EnableSkinTransparency="true" BackgroundPosition="Top" Skin="">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Imagenes/Utiles/cargando.gif" AlternateText="cargando" />

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="GrdResEmpresas">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GrdResEmpresas" />

<telerik:AjaxUpdatedControl ControlID="GrdResEmpresas" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="GrdEmpresas">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GrdEmpresas" />

<telerik:AjaxUpdatedControl ControlID="GrdEmpresas" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="GrdDepartamentos">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GrdDepartamentos" />

<telerik:AjaxUpdatedControl ControlID="IdDep" />

<telerik:AjaxUpdatedControl ControlID="GrdMunicipio" />

<telerik:AjaxUpdatedControl ControlID="GrdMunicipio" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="GrdMunicipio">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GrdMunicipio" />

<telerik:AjaxUpdatedControl ControlID="GrdMunicipio" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</asp:Content>

2 Answers, 1 is accepted

Accepted

answered on 19 Aug 2014, 06:04 AM

Hi Hector Hernandez,

In a complex scenarios like WebUserControls or Master/Content Pages, you should place a RadAjaxManager instance on the main/master page and then add a RadAjaxManagerProxy control to the user control/content page. RadAjaxManagerProxy copies the exact same RadAjaxManager designer configuration so that you can set all the necessary AJAX settings within the WebUserControl/ContentPage entirely through the designer. Please do the following modification in your code snippet which woks fine at my end.

Master Page ASPX:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" EnableSkinTransparency="true" BackgroundPosition="Top" Skin="">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/loading-icon-614x460.png"

AlternateText="cargando" />

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">

</telerik:RadAjaxManager>

Content Page ASPX:

<telerik:RadAjaxManagerProxy ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="GrdResEmpresas">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GrdResEmpresas" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="GrdDepartamentos">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GrdDepartamentos" />

<telerik:AjaxUpdatedControl ControlID="IdDep" />

<telerik:AjaxUpdatedControl ControlID="GrdMunicipio" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="GrdMunicipio">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="GrdMunicipio" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

Thanks,
Princy.