MVC WebGrid provides an AJaX script in front of its table. How to force script generation in a script section

Question

I have a WebGrid in my Razor View. It performs its task in the same way as paging and sorting. Now I need to do paging and sorting in an ajax call, so I assigned it ajaxUpdateContainerId.

Now, when the method is called grid.GetHtml(), its script is created first, and then the Html table. I have jquery loaded at the end of the page (Script Section in _Layout view).

Thanks to this, Ajax functions are useless because they cannot find jQuery.

I have a workaround for this: I copy the resulting script from the page source and paste it into the view script section, and it works, but it still leaves an error in the console, so I think this is not the right solution.

Another workaround is to link to jquery before calling the method grid.GetHtml(), but this will leave two links to the same javascript library. Bad design again.

That way, we can get WebGrid to display the script section in the script, because it should behave logically.

Answer 1

• Build Your WebGrid in Partial View
• doc $(document).ready(function()) ajax -, .

, - - . , . http://www.dotnetawesome.com/2014/11/how-to-implement-custom-paging-and-sorting-in-webgrid-using-jquery.html

Answer 2

, script, jquery

( )

@section scripts{

<script>
//My awesome Script
</script>
}

/

@RenderSection("scripts",required:false)

https://weblogs.asp.net/scottgu/asp-net-mvc-3-layouts-and-sections-with-razor