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

[Solved] RadPanel when call a service

14 Answers 188 Views

Ajax

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

14 Answers, 1 is accepted

answered on 23 Mar 2009, 07:16 AM

Hi SamJ,

Thank you for your reply.

The code is complicated. I will try to explain you with more details.

My asp page contains some fields like radtextbox, radcalendar. The user can change some fields and then click on the save button. This action calls a service and makes the update in the database. This action can take some seconds. In this second, I want to show a radloadingpanel to force the user to wait (and so he can't push on other buttons during the waiting time).
My problem is that I don't know if I have to use a radajaxpanel or other control to do so.

Am I more clearer ?

Thanks,

Sabrina

answered on 23 Mar 2009, 01:20 PM

Hello Sabrina,

Are you making the call to the WebService on the client or on the server?
If it is OnClientClick, then you can try explicitly showing the RadAjaxLoadingPanel through its client-side API.
If you are making the call in the server Click event handler, then you could use RadAjaxManager/RadAjaxPanel to make the Button update via ajax the desired page content and set the LoadingPanelID of the /ajax setting/ajax control accordingly. In case you do not need to update any particular page content, you could just ajaxify the button and show the RadAjaxLoadingPanel over the whole page.

Sincerely yours,
Iana
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

Accepted

answered on 26 Mar 2009, 01:57 PM

web.zip

Hello Sabrina,

Thank you providing additional information on your case.
Based on it I prepared a sample project for you. Please check it out and let me know if it works as desired.

Kind regards,
Iana
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.

Accepted

answered on 26 Mar 2009, 04:03 PM

It's quite perfect !

I don't have any more the problem with the RadScriptBlock.

The position of the radajaxloadingpanel isn't good. I think because my page is radwindow with a vertical scrollbar (and my button is on the bottom of the page).
In the masterpage, I define a css class like this :

.MyModalPanel

{

position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; background:#ffa url(img/loading.gif) center center no-repeat;

}

It works fine when my page is not a popup.

Have you an advice again ?

Thanks,

Sabrina

answered on 26 Mar 2009, 04:36 PM

    
            <tr> 
        
              <td colspan="3" align="right" valign="bottom" style="border: none">    
        
                <a id="LnkAttachements" href=""><img runat="server" id="ImgAttachements" src="~/img/attach.gif" alt="<%$ Resources:toto, ATTACHEMENT%>" /> 
        
                </a>&nbsp;  
        
                <asp:Button ID="ClearBtn" runat="server" Text="<%$ Resources:toto, CLEAR%>" CssClass="green_button" CausesValidation="false" OnClick="ClearBtn_Click" UseSubmitBehavior="false" />&nbsp;  
        
                <telerik:RadMenu ID="SaveBtn" runat="server" EnableEmbeddedSkins="false" CausesValidation="false" OnItemClick="SaveBtn_Click">  
        
                  <Items> 
        
                      ...  
        
                  </Items> 
        
                </telerik:RadMenu> 
        
                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
                   <asp:Button ID="SaveBtnNewDate" runat="server" Text="<%$ Resources:toto, SAVE%>" CssClass="green_button" CausesValidation="false" OnClick="SaveBtnNewDate_Click"                    UseSubmitBehavior="false" /> 
        
                </telerik:RadCodeBlock>&nbsp;  
        
              </td> 
        
            </tr>

Another problem with the alignment of the button. When I use the RadCodeBlock each buttons are on one different line (i want them on one line only).

answered on 03 Apr 2009, 02:47 PM

Hello,

there is a simple page to show you the problem. The buttons are not in one ligne but one under the other.

Thank for your help,

Sabrina

    
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                <telerik:RadScriptManager ID="MainRadScriptManager" runat="server">  
        
                    </telerik:RadScriptManager> 
        
                <table width="600px">  
        
                <tr>voici un peu de texte</tr> 
        
                 <tr>          
        
                        <telerik:RadCodeBlock>       
        
                        <td align="right" valign="bottom" style="border: none">                  
        
                           <asp:Button ID="DeleteBtn" runat="server" Text="btn2" 
        
                                    CausesValidation="false" UseSubmitBehavior="false" />&nbsp;  
        
                           <asp:Button ID="ClearBtn" runat="server" Text="btn1" 
        
                                    CausesValidation="false" UseSubmitBehavior="false" />                                      
        
                        </td> 
        
                        </telerik:RadCodeBlock> 
        
                    </tr> 
        
                </table>    
        
                    <telerik:RadAjaxManager ID="RadAjaxManagerProxy1" runat="server">  
        
                    <AjaxSettings> 
        
                       <telerik:AjaxSetting AjaxControlID="DeleteBtn">  
        
                            <UpdatedControls> 
        
                               <telerik:AjaxUpdatedControl ControlID="DeleteBtn" LoadingPanelID="AjaxLoadingPanel">  
        
                               </telerik:AjaxUpdatedControl> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting>                                  
        
                        <telerik:AjaxSetting AjaxControlID="ClearBtn">  
        
                            <UpdatedControls> 
        
                               <telerik:AjaxUpdatedControl ControlID="ClearBtn" LoadingPanelID="AjaxLoadingPanel">  
        
                               </telerik:AjaxUpdatedControl> 
        
                            </UpdatedControls> 
        
                        </telerik:AjaxSetting> 
        
                       </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                </div> 
        
                </form> 
        
            </body>

Accepted

[Solved] RadPanel when call a service

14 Answers, 1 is accepted

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).