Couple of AjaxManager Questions

[Matt]

Hi,

1.  My page has many controls, I have surrounded logical UI groups of controls into asp:Panels and am using this outer Panel as the updated control in the ajaxmanager configuration.  Is this correct? Or do I have to define the links to all lower level controls?

i.e. 

<telerik:AjaxSetting AjaxControlID="compareproductLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="deptLiteral" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                </UpdatedControls>
</telerik:AjaxSetting>

... etc

The reason I wanted to check is that on a given ajax postback a literal control in one of the panels is not updating even though in debug I can see the code being run.  And I am seeing a few things dissappear on certain ajax postbacks.

2. If I define a control as part of an ajaxmanager relationship then its css style at run-time drops into block level (or something happens to change our css, I assume it is surrounded by a div for ajax update), how can I stop this happening?

Thank you
Matt

[Genti]

Hi Matthew Waring,

Thank you for contacting us.

1) Regarding the first question I would suggest the following.
Consider setting an ajax setting only for the wraper(in your case the panel) in the higher hierarchy. And make sure you do not ajaxify the same element twice(ie by specifying other AjaxSettings inside the wrapper). Considering the example that you have provided, if deptLiteral is inside the topRowPanel than you would create nested update panels and chances are something is going to fail. So the solution would be to keep the control that wraps it(the topRowPanel).

2) Regarding the second issue:
Make sure you have added the following setting to the RadAjaxManager definition:
UpdatePanelsRenderMode="Inline".
The Inline render mode will ensure the layout will not change when the AJAX settings are added. Otherwise, RadAjaxManager will persist the default UpdatePanel render mode.


Let me know if this helps.

Best wishes,
Genti
the Telerik team

[Matt]

Thanks Genti,

[EDIT: Is it possible I could send you the code files (just 2) privately to see if you can see any glaring mistakes?]

My mistake, sorry, orginally I had -

<telerik:AjaxSetting AjaxControlID="compareproductLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                </UpdatedControls>
</telerik:AjaxSetting>

I cut and pasted the current version with

                    <telerik:AjaxUpdatedControl ControlID="deptLiteral" />

in it, as this is what I needed to do to get deptLiteral to update! (even though it is contained within toprowPanel, hence my confusion).  My original ajax manager code only has panels in it, I will post it here in its entirety see if I am doing something obviously wrong -

<telerik:RadAjaxManager ID="RadAjaxManager1" EnableAJAX="true" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="sortingDropDownList">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="productsRadGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="productsRadGrid" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="compareproductLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="otherproductLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="relatedcategoriesDataList">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="filterhiloLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="activefiltercategoryLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="activefilterpricehiLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                    <telerik:AjaxUpdatedControl ControlID="filterhiloPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="activefilterpriceloLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                    <telerik:AjaxUpdatedControl ControlID="filterhiloPanel" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="activefilterdescLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                    <telerik:AjaxUpdatedControl ControlID="productnameonlyLinkButton" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="productnameonlyLinkButton">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="toprowPanel" />
                    <telerik:AjaxUpdatedControl ControlID="resultsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="relatedcatsPanel" />
                    <telerik:AjaxUpdatedControl ControlID="activefilterPanel" />
                    <telerik:AjaxUpdatedControl ControlID="productnameonlyLinkButton" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

Thanks
Matt

[Genti]

Hello Matthew Waring,

Thank you for contacting us back.

In such case, I find it hard to make an accurate suggestion.
So I would require you prepare a simple project that illustrates this issue and send it to us so that we can debug it on our side and give a better suggestion.

I am also including a simple solution that illustrates how the literal inside a panel gets updated from different controls. So, if you want you can modify my solution to replicate the issue.

Best wishes,
Genti
the Telerik team

[Matt]

Thanks Genti,

Your example and notes confirmed I am trying to do the right thing, just needed to verify :)
I have now realised my issue(s) are to do with 'for some horrible reason' my page is double posting (can see it in debug in certain situations) and the second time through screwing up my UI as data is incorrect!!

I will mark this as answered and post another query if I think it is related to telerik in anyway.