Using Telerik ScriptRegistrar to output two sets of javascript files

Question

I need to have scripts at the top and bottom of my page. Telerik uses the ScriptRegistrar and for the javascript this only works if placed at the bottom of the file (just before the </body>)

I also want to use the Telerik built-in minifier/compressor.

So, say in the head of my page I need jQuery and an arbitrary javascript file, and at the bottom do the Telerik references, how would I use the ScriptRegistrar to do this?

So far I have this but it results in duplicate output, and both script tags are at the end of the page:

Head:

@(Html.Telerik().ScriptRegistrar().Scripts(scripts => scripts.AddGroup("Common", group => group
    .Add("...")
    .Add("...")
    .Add("...")
    .Combined(true).Compress(true)
  )).DefaultGroup(group => group.Combined(true).Compress(true)) 
)

Before </body>:

@(Html.Telerik().ScriptRegistrar().jQuery(false).jQueryValidation(false)
  .DefaultGroup(group => group.Combined(true).Compress(true))
)

Any ideas?

TIA

Shelakel · Accepted Answer · 2012-05-18 09:40:17Z

1

The issue is that you are using the razor output tag on the latter script registrar.

So it includes it in the group to be rendered and then renders it again.

You need to put the latter script registrar a code block

@ {
Html.Telerik().ScriptRegistrar().jQuery(false).jQueryValidation(false)
  .DefaultGroup(group => group.Combined(true).Compress(true));
}

answered May 18, 2012 at 9:40

Shelakel

1,0709 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using Telerik ScriptRegistrar to output two sets of javascript files

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related