我可以把 Ignite UI 脚本放在页面底部吗?

Question

Ignite UI样板将所有JavaScript文件加载在页面顶部。这与我在Infragistics网站上可以找到的所有其他示例一致。

我想在页面底部加载这些文件。但是，当我尝试这样做时，我收到一个JavaScript错误：

ReferenceError: $ is not defined

在视图上，我像这样使用网格 HTML 帮助程序(简化(：

@model IQueryable<Product>
@( Html.Infragistics().Grid( Model ).DataBind().Render() )

这将在页面上生成以下输出：

<table id="Grid1"></table>
<script type="text/javascript">$(function () {$('#Grid1').igGrid({ ... });</script>

如果我能告诉Infragistics将script标签放在页面底部，那么在我加载jQuery，jQuery UI等之后，一切都会变得桃色。有没有办法做到这一点并仍然使用 HTML 帮助程序？

Answer 1

您可以使用Infragistics Loader引用JavaScript资源。

在CSHTML中，您将拥有：

<script src="Scripts/infragistics.loader.js" type="text/javascript"></script>

在另一个脚本标签中，您将拥有以下内容：

$.ig.loader({
scriptPath: '{IG Resources root}/js/',
cssPath: '{IG Resources root}/css/'}); 
$.ig.loader('igGrid.Paging.Updating', 
     function () {
     // Create a couple of igGrids 
        $("#grid1").igGrid({
        virtualization: false,
        autoGenerateColumns: true,
        jQueryTemplating: false,
     // and other}

在这里阅读更多关于这个的信息：http://help.infragistics.com/Help/Doc/jQuery/2013.1/CLR4.0/html/Deployment_Guide_JavaScript_Resources.html#referencing_resources