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

[Solved] RadInputManager inside an ASCX used in RadGrid

11 Answers 316 Views

Input

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

francesco asked on 19 Nov 2008, 03:49 PM

HI, i have a page containing a radGrid (see below)

    
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">  
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="rdgUsers">  
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="rdgUsers" /> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                    <telerik:RadGrid ID="rdgUsers" runat="server" Skin="EPSomacis" EnableEmbeddedSkins="false"   
        
                        GridLines="None" AllowPaging="True" AllowSorting="True" Width="97%" AutoGenerateColumns="False" 
        
                        ShowStatusBar="true"    OnNeedDataSource="rdgUsers_NeedDataSource"  OnDeleteCommand="rdgUsers_DeleteCommand">  
        
                        <MasterTableView GridLines="None" Width="100%" CommandItemDisplay="Top" DataKeyNames="UserId">                                
        
                                            <CommandItemSettings  AddNewRecordText="Add new user"/>  
        
                            <Columns>                                     
        
                                <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType=ImageButton   EditImageUrl="..\images\DataEditing\Edit.gif" />                      
        
                                <telerik:GridButtonColumn UniqueName="DeleteColumn" Text="Delete" ButtonType=ImageButton CommandName="Delete" ImageUrl="..\images\DataEditing\Delete.gif" ConfirmDialogType=Classic ConfirmText="Delete user?" /> 
        
                                <telerik:GridBoundColumn UniqueName="UserName" HeaderText="User Name" DataField="UserName">  
        
                                    <HeaderStyle Width="80px"></HeaderStyle> 
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn UniqueName="FirstName" HeaderText="First Name" DataField="FirstName">  
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn UniqueName="LastName" HeaderText="Last Name" DataField="LastName">  
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn UniqueName="Email" HeaderText="e-mail" DataField="Email">  
        
                                </telerik:GridBoundColumn> 
        
                                <telerik:GridBoundColumn UniqueName="IsLockedOut" HeaderText="Locked" DataField="IsLockedOut">  
        
                                </telerik:GridBoundColumn>                      
        
                            </Columns> 
        
                            <EditFormSettings UserControlName="UserDetails.ascx" EditFormType="WebUserControl" > 
        
                            </EditFormSettings> 
        
                        </MasterTableView> 
        
                    </telerik:RadGrid>

The control UserDetail.ascx contains a RadInputManager to validate an email

    
            <telerik:RadInputManager ID="RadInputManager1" runat="server" Skin="Vista" >                                                      
        
                <telerik:RegExpTextBoxSetting BehaviorID="RagExpBehavior1" IsRequiredFields="true" ValidationExpression="^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$" ErrorMessage="Invalid Email" >   
        
                    <TargetControls> 
        
                        <telerik:TargetInput ControlID="txtEmail" /> 
        
                    </TargetControls> 
        
                </telerik:RegExpTextBoxSetting> 
        
            </telerik:RadInputManager> 
        
            <table id="Table2" cellspacing="2" cellpadding="1" width="100%" border="1" rules="none" style="BORDER-COLLAPSE: collapse">  
        
                <tr > 
        
                    <td colspan="2" align=center><b>User data</b></td>  
        
                </tr> 
        
                <tr> 
        
                    <td colspan="2">&nbsp;</td> 
        
                </tr> 
        
                <tr> 
        
                    <td> 
        
                        <table id="Table3" cellspacing="1" cellpadding="1" width="100%" border="0">               
        
                            <tr> 
        
                                <td align=left>First Name</td> 
        
                                <td align=left>  
        
                                    <asp:TextBox id="txtFirstName" Text='<%# DataBinder.Eval( Container, "DataItem.FirstName") %>' runat="server" tabIndex=0 Width="339px">  
        
                                    </asp:textbox> 
        
                                </td> 
        
                            </tr> 
        
                            <tr> 
        
                                <td align=left>Last Name</td> 
        
                                <td align=left>  
        
                                    <asp:TextBox id="txtLastName" Text='<%# DataBinder.Eval( Container, "DataItem.LastName") %>' runat="server" tabIndex=1 Width="339px">  
        
                                    </asp:textbox>                        
        
                                </td> 
        
                            </tr>                 
        
                            <tr> 
        
                                <td align="left">Email</td> 
        
                                <td align="left">                     
        
                                    <telerik:RadTextBox  ID="txtEmail" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.Email") %>' TabIndex="2" Width="339px" Skin="Vista" />                          
        
                                </td> 
        
                            </tr> 
        
                          </table> 
        
                        </td> 
        
                      </tr> 
        
                    </table>

The problem is that when i load my page the browser return this error:

Sys.ScriptLoadFailedException: The script 'http://localhost/ScriptResource.axd?d=B9dLJQn8tKI75sMhQN1Goymy0gZeoFrfbd-uYPQe8sLsz3sg1Kg_-lmSa6vAqKH4ZjdtQROP1pFTEFpjvDSTxGmv-Z0dIlIoQug9SKAtFNk1&t=ffffffff8c5d3c2e' contains multiple calls to Sys.Application.notifyScriptLoaded(). Only one is allowed.
Source file: http://localhost/ScriptResource.axd?d=cC-xi9-T7162CKMLw41vPFxPIJzWcgP5AmPWl0Nf_sMwuiMP-Wub3jn-9wPGNZB64eQevVjlTlCyXbYh6R93HErsIR9pLLq2dReuLGJGLsudfuXgCj6a6xeK6Z9Qtjjb0&t=ffffffff901937ce
Row: 1266

Anyone could help me?

Thanks
Francesco

11 Answers, 1 is accepted

Accepted

answered on 05 Dec 2008, 04:02 PM

WebUserControl.zip

Hi Francesco,

I just tried this however validation worked on my end - I have attached small demo.

I notice however that currently we do not have any setting for something like RequiredMessage and we need to add this definitely in our next service pack.

Let me know how it goes.

Greetings,
Vlad
the Telerik team

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

answered on 05 Dec 2008, 04:33 PM

Hi Vlad,
thanks for the example, it works on my side too, but I found where is the error.
I use the RadTextBox

    
            <telerik:RadTextBox  ID="txtEmail" runat="server" Text='<%# DataBinder.Eval( Container, "DataItem.Email") %>' 

            TabIndex="3" Width="339px" Skin="Vista" />

and with it the InputManager doesen't work, while with the standard asp:TextBox everything works, maybe an issue of the control?

Let me know

Thanks
Francesco

Accepted

answered on 15 May 2009, 07:10 AM

Hello Leon,

Can you please verify that you are using the latest version 2009.1.402 of RadControls for ASP.NET AJAX in your project? Using the RadInputManager with IsRequired field settings should not be an issue in this configuration.

In support of this statement you can take the following online demo of RadGrid which uses WebUserControl custom edit form for its nested table and modify it to 'inputify' the textboxes with RadInputManager dynamically as illustrated here.

Kind regards,
Sebastian
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 15 May 2009, 11:59 PM

Hi Sebastian,

Thanks a lot for your quick response. I did checked the example, and added input manager into the user control. It turned out it was working perfectly in the example project. But still no luck in my own project, even the implementation are almost the same.

After that, I used Firebug to inspect on the codes behavior, I did noticed that when I leave the textbox with no text filled, the css class of the textbox has been changed, with a css class name contained "ERROR" been added. But I did checked the CSS comes with the pages but couldn't find. If I disable the AJAX function from AJAXManager, I can see the css generated as a resource of page. I think this is the problem. Do you have any idea that why the css resources were not generated with page for input manager?

Thanks again.

Best regards,
Leon