Using Razor with OnDocumentReady on content pages

[Greg Roberts]

How do we use OnDocumentReady in Razor content pages without it generating multiple "jQuery(document).ready" statements?  To me being able to add these statements in Views and Controls and have them all render at the bottom in one statement is the most important feature, does this not work anymore for Razor? Thanks

[Mike Kidder]

Greg Roberts,

You can define a "_Layouts.cshtml" file (Razor master page) and place the following towards the bottom of your page:

@Html.Telerik().ScriptRegistrar();

Now in your views, put your "OnDocumentReady" code where it's needed.  

@{
    Html.Telerik().ScriptRegistrar().OnDocumentReady(@"

         // put some javascript goodness in here
         var foo = 'bar';
     ");
}

When the page is rendered,  your code blocks, and whatever Telerik MVC controls you have defined in your view are combined into a single jQuery(document).ready(function(){ ... });
NOTE:  If you forget to put the @Html.Telerik().ScriptRegistrar(); into your layout page, your javascript will not output, and any ajax enabled Telerik MVC controls will revert to server events (postback) since its javascript is not rendered either.

UPDATE:  Use @<text> ... </text> in latest Telerik release in place of the string literal @" ... ".   See Cassandra's post below

[Victor]

Hi!

Nice to find a solution to this for Razor. Just one quick question: Is there any way to achieve this without encapsulating it in a string? Before Razor the () =>  { ... }   makes it possible to write basically anything - is there any equivalent in Razor?

Thanks
/Victor

[Cassandra]

I was looking for an answer to the same question and was able to do the following with Razor without resorting to just a string being passed in:

@{
    Html.Telerik().ScriptRegistrar().OnDocumentReady(
    @<text>
        // put some javascript goodness in here
        var foo = 'bar';
    </text>);
}

[Mike Kidder]

Cassandra,

Yes, the Razor <text> code block now works with Telerik MVC controls (Version: 2010.3 1318 (Jan 18, 2011) and later). It coincides with the MVC3 RTM release.   Highly recommended update.

[Victor]

Very nice follow-up, thanks a lot!

/Victor

[Sydney]

What if my "javascript goodness" contains jquery including $(document).ready...?  

[Phat Nguyen]

how to embed server code inside that <text> block? When i run this code :
@{
    Html.Telerik().ScriptRegistrar().OnDocumentReady(
    @<text>
        
        $("#btnSubmit").click(function(){
            if($("#username").val().trim() == "")
            {
                alert("@Resource.GlobalResource.Logon_UsernameRequired");
                return false;
            }
        });
    </text>);
}
It raise error : CS1593: Delegate 'System.Action' does not take 1 arguments