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

[Solved] 'onRowSelected' is undefined

6 Answers 181 Views

Grid

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

This question is locked. New answers and comments are not allowed.

6 Answers, 1 is accepted

answered on 20 Apr 2010, 01:17 PM

Yes, I have actually copied the related grids example. This is the code that I have on my page

    
            <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<ServiceUserViewModel>" %> 
        
            <%@ Import Namespace="PPMSII.Models"%> 
        
            <%= Html.Telerik().Grid(Model.ServiceProviders)  
        
                    .Name("Providers")  
        
                    .Columns(columns => 
        
                    {  
        
                        columns.Bound(p => p.ServiceProviderId).Width(100).Title("ID");  
        
                        columns.Bound(p => p.ServiceProviderName).Width(800).Title("Provider Name");  
        
                        columns.Bound(p => p.ServiceProviderStatus).Width(100).Title("Is Active?");  
        
                    })  
        
                    .Pageable()  
        
                    .Sortable()  
        
                    .Selectable()  
        
                    .RowAction(row => 
        
                    {  
        
                        rowrow.Selected = row.DataItem.ServiceProviderId.Equals(ViewData["ProviderId"]);  
        
                    })  
        
                    .ClientEvents(events => events.OnRowSelected("onRowSelected"))  
        
                    .DataBinding(dataBinding => dataBinding.Ajax().Select("Providers", "ServiceUser", new { customerId = ViewData["CustomerId"] }))  
        
            %> 
        
            <br /> 
        
            <%= Html.Telerik().Grid(Model.ServiceUsers)  
        
                    .Name("ServiceUsers")  
        
                    .ToolBar(commands => commands.Custom().Text("Create").Action("Create", "ServiceUser", new { id = Convert.ToInt32(ViewData["CustomerId"]), height = 550, width = 900, modal = "true" }).HtmlAttributes(new { @class = "thickbox" }))  
        
                    .Columns(columns=> 
        
                    {  
        
                        columns.Bound(u => u.UserId).Width(100).Title("ID");  
        
                        columns.Bound(u => u.UserFirstName).Title("Firstname");  
        
                        columns.Bound(u => u.UserSurname).Title("Surname");  
        
                    })  
        
                    .Pageable()  
        
                    .Sortable()  
        
                    .DataBinding(dataBinding => dataBinding.Ajax().Select("ServiceUsers", "ServiceUser", new { providerId = 0 }))  
        
            %> 
        
            <script type="text/javascript">  
        
                function onRowSelected(e) {  
        
                    var usersGrid = $('#ServiceUsers').data('tGrid');  
        
                    providerId = e.row.cells[0].innerHTML;  
        
                    // update ui text  
        
                    $('#providerId').text(providerId);  
        
                    // rebind the related grid  
        
                    usersGrid.rebind({  
        
                        providerId: providerId  
        
                    });  
        
                }  
        
            </script>

The javascript as you can see is at the base of the page which is why I do not understand why it thinks it is undefined. Are there any additional scripts for the grid that I need to include?

answered on 20 Apr 2010, 01:22 PM

Hello Andy McShane,

No, there aren't any aditional scripts required. I suggest you check the output rendered by your page and see if the onRowSelected function is output. In case you cannot find out what the problem is you can provide a runnable project. We will debug it for you.

All the best,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.