[Solved] Javascript Error when Grid is within TabStrip

[Damian]

Please see the attached zip file that includes sample code, screen shots and a word doc walking through the sample code.
The error is, in a Telerik MVC 2 website, using a Telerik menu, which contains a page that is using a Telerik Tabstrip and on one of the tabs is a Telerik Grid, loaded as a partial view, the loading of that partial view always throws a javascript error.

Is this a bug in the Telerik code or a Telerik configuration issue?

[Atanas Korchev]

Hello Damian,

 Please check this code library entry which shows how to load a grid inside a tabstrip.

Regards,
Atanas Korchev
the Telerik team

[andy]

Hi,

I am working with Damian on this project. We followed what you did in your included project and followed your docs on loading Telerik controls within partial views. We are getting the following error:

Error: jQuery("#FieldsGrid").tGrid is not a function

We are manually registering the .js components per your doc as shown below. We are using version 2010.3.1110 of your controls (Telerik.Web.Mvc.dll and js files). Can you point us at what we might be missing?

Thanks Much,
Andy

<%

 

= Html.Telerik().ScriptRegistrar()

 

.DefaultGroup(group => group

.Add(

 

"telerik.common.min.js")

 

.Add(

 

"telerik.calendar.min.js")

 

.Add(

 

"telerik.datepicker.min.js")

 

.Add(

 

"telerik.textbox.min.js")

 

.Add(

 

"telerik.grid.min.js")

 

.Add(

 

"telerik.draganddrop.min.js")

 

.Add(

 

"telerik.grid.grouping.min.js")

 

.Add(

 

"telerik.grid.filtering.min.js")

 

.Add(

 

"telerik.grid.resizing.min.js")

 

.Add(

 

"telerik.grid.reordering.min.js")

 

.Add(

 

"telerik.grid.editing.min.js")

 

.Add(

 

"telerik.window.min.js")

 

.Combined(

 

true)

 

.Compress(

 

true)) %>