2014-09-23 184 views
0

我在MVC中使用Infragistics Ignite UI网格。我能够正确加载我的网格,但它不显示在浏览器中。当我在浏览器上点击视图源时,我可以看到网格已经加载了数据,但它没有显示任何内容,而是显示了一个“。我真的不明白它是如何显示CSS的,是不是因为bootstrap.css可能导致此。Infragistics Grid呈现空白页面

@IMports Infragistics.Web.Mvc 
@ModelType System.Collections.ObjectModel.ObservableCollection(Of FultonWS.scll_label) 

@Code 
ViewData("Title") = "Tickets" 
End Code 

@Html.Infragistics.Loader().ScriptPath("~/js/").CssPath("~/css/").Render() 

     @Html.Infragistics.Grid(Of Mueller_Scale_System_Dashboard.FultonWS.scll_label)(Model.AsQueryable()).ID("igGrid").Columns(Sub(col) 
                      col.For(Function(i) i.scll_part).HeaderText("Part Number") 
                     End Sub).Features(Sub(features) 
                            features.Paging().PageSize(20) 
                            features.Sorting() 
                            features.GroupBy() 
                            features.Updating().EnableAddRow(False).EnableDeleteRow(False) 
                          End Sub).DataBind.Render() 

我渲染脚本和CSS布局页面

<link type="text/css" href="~/css/themes/infragistics/infragistics.theme.css" rel="stylesheet" /> 
<link type="text/css" href="~/css/structure/infragistics.css" rel="stylesheet" /> 
<title>@ViewBag.Title - Mueller Scale System Dashboard</title> 
@Styles.Render("~/Content/css") 
@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/modernizr") 
<script src="~/Scripts/jquery-ui-1.8.11.js" type="text/javascript"></script>" 
<script src="@Url.Content("~/js/infragistics.loader.js")" type="text/javascript"></script> 

和我控制器操作低于

Async Function Tickets() As Threading.Tasks.Task(Of ActionResult) 
     Dim bd As New BusinessData 
     Dim ticketsColl = Await bd.GetTicketsAsync 
     Return View("Tickets", ticketsColl) 
    End Function 

回答

3

的问题是, MVC 5中的JQuery将脚本加载到html的主体中。 由于脚本在加载时不可用,这会阻止正确加载控件。注释掉jquery的渲染脚本并将其添加到html的头部分。

<div class="container-fluid body-content"> 
    @RenderBody() 
    <hr /> 
    <footer> 
     <p>&copy; @DateTime.Now.Year - </p> 
    </footer> 
</div> 

@*@Scripts.Render("~/bundles/jquery")*@ 
@Scripts.Render("~/bundles/bootstrap") 
@RenderSection("scripts", required:=False)