ajaxloadingpanel to encompass grid and fields

[Chris @ Intrinsic]

I want to have my entire screen use the ajaxloadingpanel.  I have some code here:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="btnSearch">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlInner" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="btnReset">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="pnlInner"  LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManagerProxy>

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
        IsSticky="true" Style="position:absolute; top:0; left:0; height:100%; width:100%;">
    </telerik:RadAjaxLoadingPanel>

 

 

which works for texboxes, etc.  but not for a radgrid.  The grid is blank.  But, I tried wrapping the grid with the radajaxloadingpanel and then the grid gets updated fine, but NOT the text boxes.  I can't seem to make it all work together on one screen.  And, the example for wrapping the entire screen in the ajaxloadingpanel is 2 1/2 years old and so it doesn't apply here.

[Chris @ Intrinsic]

UPDATE:

<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server">
      <AjaxSettings>
          <telerik:AjaxSetting AjaxControlID="btnSearch">
              <UpdatedControls>
                  <telerik:AjaxUpdatedControl ControlID="pnlInner" LoadingPanelID="RadAjaxLoadingPanel1" />
                  <telerik:AjaxUpdatedControl ControlID="pnlResultsGrid" LoadingPanelID="RadAjaxLoadingPanel1" />
              </UpdatedControls>
          </telerik:AjaxSetting>
          <telerik:AjaxSetting AjaxControlID="btnReset">
              <UpdatedControls>
                  <telerik:AjaxUpdatedControl ControlID="pnlInner"  LoadingPanelID="RadAjaxLoadingPanel1" />
              </UpdatedControls>
          </telerik:AjaxSetting>
          <telerik:AjaxSetting AjaxControlID="grdResults">
              <UpdatedControls>
                  <telerik:AjaxUpdatedControl ControlID="pnlInner" LoadingPanelID="RadAjaxLoadingPanel1" />
                  <telerik:AjaxUpdatedControl ControlID="pnlResultsGrid" LoadingPanelID="RadAjaxLoadingPanel1" />
              </UpdatedControls>
          </telerik:AjaxSetting>
      </AjaxSettings>
  </telerik:RadAjaxManagerProxy>
  <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
      IsSticky="true" Style="position:absolute; top:0; left:0; height:100%; width:100%;">
  </telerik:RadAjaxLoadingPanel>

The above code works for all fields on my screen including the grid, but I've got hidden fields declared just above this rad ajax panel, and the contents of the hidden fields get destroyed every time a partial postback occurs (click a button on the form or on the grid.)  I verified this by just deleting the ajax code above and the hidden fields work fine.  So, what is the workaround for this please?

Thanks!

[Maria Ilieva]

Hello Chris,

Please wrap the hidden field into always visible asp Panel and add those Panel as updated control into the RadAjaxManager settings. This would help persisting the value after ajax request.
Let me know if this works for you.

All the best,
Maria Ilieva
the Telerik team