Removing All Update Panels

[Jeff Kershner]

I am using VS2010, latest Telerik controls and ASP.NET 4.

I have a very large business intelligence application that I would like to remove all update panels and replace with Telerik AJAX controls.  My application contains tons of user controls and lots of unnecessary update panels all over the place with triggers.

Based on the Telerik documentation, it seems that I would be able to do the following:
Place a Telerik AJAX manager on the Master Page
Place a Telerik AJAX Manager Proxy on all user controls that use Update Panels
Replace all update panels with telerik AJAX panels

Is that correct?

Do I need to set triggers?

Thanks in advance,
--Jeff

[Sebastian]

Hello Jeff,

Your assumption is correct except for the final part - you actually need to replace the update panels with regular asp Panels and ajaxify them via the RadAjaxManagerProxy settings. Alternatively, you can ajaxify directly certain controls in the user controls instead of entire panels. See this example for reference.

You do not need to set any triggers as with MS UpdatePanels.

Best regards,
Sebastian
the Telerik team

[Jeff Kershner]

Your suggestions seem to be working!

The issue I am having now is kind of hard to explain.  Let me try... This is what I have:

Master Page with a RadScriptManager and a RadAjaxManager
UserControl with a RadAjaxManagerProxy that looks like this:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="divCommentaryView">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="divCommentaryView" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>

And two panels... First panel has another user control that handles the popup commentary editor and the second panel has a div that the commentary gets written to:

<asp:Panel ID="pnlSummaryHeader" runat="server" CssClass="collapsePanelHeader">
    <asp:Label ID="lblSummaryHeader" runat="server" Text="Summary" />
    <uc1:Commentary ID="ucCommentary" runat="server" />
</asp:Panel>

<asp:Panel ID="pnlSummaryContent" runat="server" CssClass="panelBody">
    <div id="divCommentaryView" class="tiny" runat="server">
    </div>
</asp:Panel>

When the Commentary control's popup is called to save the commentary, I get the following error in the InitializeHTML: function():
$get(this.get_htmlencodedTextID()) = null

...on this line:

var

 

 

html = this.ClientDecode($get(this.get_htmlencodedTextID()).value);

 

... where:
this.get_htmlencodedTextID() = ctl00_ContentPlaceHolder1_ucAftermarketDashboard_ucAftermarketDashboard_ucCommentary_hteCommentary_htmlencodedText

Any suggestions?
--Jeff

[Sebastian]

Hello Jeff,

Although I am not sure what the exact origin of the error is, based on the logic you depicted I think that your RadAjaxManagerProxy setting should be altered as follows:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="pnlSummaryHeader">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="divCommentaryView" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManagerProxy>

Thus you will specify that the controls residing in the Commentary control will update the commentary div when they trigger requests to the server. The alternative would be to ajaxify certain control from the Commentary user control programmatically as explained in this topic.
 
Best regards,
Sebastian
the Telerik team

[Jeff Kershner]

Still getting an error on the same line:

var html = this.ClientDecode($get(this.get_htmlencodedTextID()).value);

where:
this.get_htmlencodedText() = "ctl00_ContentPlaceHolder1_ucAftermarketDashboard_ucAftermarketDashboard_ucCommentary_hteCommentary_htmlencodedText" 

and $get(this.get_htmlencodedTextID()) = null

Any suggestions on how to track this down?

[Sebastian]

Hi Jeff,

After reviewing your case once again from the very beginning, I think that the answers to the following questions can help us track the cause of the issue down:

• Can you clarify whether htmlencodedText is part of your Commentary control and what this code is expected to return:
  
  

  var html = this.ClientDecode($get(this.get_htmlencodedTextID()).value);

  
  Furthermore, is this a custom js code executed when the controls are updated or something that is processed internally by the Commentary control?
• Is the same error generated when you use plain MS UpdatePanels for the same scenario instead of RadAjaxManager/RadAjaxManagerProxy?

I will be expecting your input.

Regards,

Sebastian
the Telerik team

[Jeff Kershner]

htmlencodedText is a property of the Winthusiasm HTML editor that is being used as the HTML editor but doesn't have any issues when I use a MS update panel.

[Jeff Kershner]

It looks like the htmlencodedText is inside its own MS UpdatePanel.

[Sebastian]

Hi Jeff,

Thank you for the additional info. It seems that the issue might be related to the nested update panels as you specified that the htmlencodedText resides inside MS UpdatePanel.

Can you somehow cofigure/force the editor to remove the inner update panel around the htmlencodedText to compare the results? Also, can you elaborate whether the line of code from my previous post is internally executed or custom logic?

On a side note, can you test whether replacing the Winthusiasm HTML editor with our AJAX editor addresses the error?

Let me know what your findings are.

Best regards,
Sebastian
the Telerik team