Problem with Ajax, Paging and Control in Template

[Thomas]

Hi, I use a Radgrid with a templated column:

<telerik:GridTemplateColumn>
    <ItemTemplate>
        <obout:ImageZoom ID="ImageZoom_Suche" runat="server" StyleFolder="styles/simple" ImageUrl='<%# Eval("Partnumber", "~/Images/{0}.jpg") %>' BigImageUrl='<%# Eval("Partnumber", "~/Images/{0}.jpg") %>' Position="IMAGE_CENTER" ShowLoading="false" />
    </ItemTemplate>
    <ItemStyle Width="50px" Height="50px" HorizontalAlign="Center" />
</telerik:GridTemplateColumn>

Inside the templated column I use an ImageZoom control. This works fine, but when Ajax is enabled, and you click on a page in the pager, the control doesn't work anymore on the paged page, only the first page is working "normal". Do I need to register the Imagezoom control with AjaxManager?

Any ideas please?

Thank you for your help

Thomas

[Nikolay Rusev]

Hello Thomas,

You can try using regular UpdatePanel with UpdateMode="Conditional" that wraps RadGrid instead RadAjaxManager and see whether it makes any difference.

All the best,
Nikolay
the Telerik team

[Thomas]

Hello Nikolay,

thanks, that did the trick.

Can you maybe tell me why AjaxManager doesn't work in this case?

Thanks again for your help

Best regards

Thomas

[Nikolay Rusev]

Hello Thomas,

The behavior is caused because RadAjax need all script in custom controls to be registered via Page in order to evaluate them properly. While ImageZoom control register those script via Control itself.
If you reflect ImageZoom control assembly and inspect ScriptManager.RegisterStartupScript you will notice that scripts are registered as follow:

..
 if (this.isAjax)
    {
        this.smType.GetMethod("RegisterStartupScript", new Type[] { typeof(Control), typeof(Type), typeof(string), typeof(string), typeof(bool) }).Invoke(this.AjaxSM, new object[] { control, control.GetType(), key, script, includeScriptTags });
    }
...

The highlighted code should be Page if you need RadAjax to function properly.

Regards,
Nikolay
the Telerik team