[Solved] Grid Columns not resizable when hosted in a TabStrip and loaded by AJAX

[Alastair Eddie]

Hi,

Have a TabStrip with a Grid on each tab. Used the update in a previous support ticket...
(http://www.telerik.com/community/forums/aspnet-mvc/tabstrip/grid-used-within-tabstrip-does-not-auto-resize-columns.aspx)

that got all my grids resizing on each tab. So far so good.

Then decided I wanted to load the TabStrip content via AJAX using the .LoadContentFrom method. Resizing bars no longer appear on any of the grids.

Any ideas?

Thanks,

Alastair

[Atanas Korchev]

Hi Alastair Eddie,

 Did you load all the required JavaScript files? This is mandatory for partial views loaded through ajax.

Regards,
Atanas Korchev
the Telerik team

[Alastair Eddie]

Thanks for the speedy reply.

The grids are in  partial views that have the following block to include javascript files...

<%

Html.Telerik().ScriptRegistrar()

.Scripts(scripts => scripts.Add(

"jquery-1.4.2.min.js"))

 

.Scripts(scripts => scripts.Add(

"telerik.grid.min.js"))

 

.Scripts(scripts => scripts.Add(

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

 

.Scripts(scripts => scripts.Add(

"telerik.common.min.js"));

 

%>

The tab strip is in a normal view with javascript included in the master page...

<%= Html.Telerik().ScriptRegistrar() %>

Am I missing something?

Al

 

[Atanas Korchev]

Hello Alastair Eddie,

 The order of the JavaScript files matters as well. telerik.common.js should appear before all other telerik files. The drag and drop script is also missing.

 I am sending a sample project showing the required configuration.

Regards,
Atanas Korchev
the Telerik team

[Alastair Eddie]

Was getting confused over where to include the scripts.

I moved the registration from the partial view to the containing view and its working now.

Thanks,

Al