屏幕上不显示同步融合网格答案

【问题标题】：syncfusion Grid is not displayed on screen屏幕上不显示同步融合网格
【发布时间】：2015-09-13 14:06:36
【问题描述】：

我正在尝试使用 MVC 应用程序在同步融合网格上构建我的数据集。代码正确执行，没有任何错误，但 Grid 没有显示在屏幕上。

我的控制器如下所示：

        public ActionResult PieT(FormCollection form)
        {


            MvcApplication2.Models.FMSData FMS1 = new MvcApplication2.Models.FMSData("100", "200");
             MvcApplication2.Models.FMSData FMS2=new MvcApplication2.Models.FMSData("10", "20");
             MvcApplication2.Models.FMSDatas FMSCollection = new MvcApplication2.Models.FMSDatas();
            FMSCollection.add(FMS1);
            FMSCollection.add(FMS2);
            ViewBag.DataSource = FMSCollection.FMSArray.ToList();
            return View();
        }

视图如下：

    @{
    Layout = null;
    }
    @using MvcApplication2.Models
    @using MvcApplication2.ViewModels
    @using Syncfusion.JavaScript.DataVisualization
    @using System.Collections
    <!DOCTYPE html>

    <html>
    <head>
    <meta name="viewport" content="width=device-width" />
    <title>PieT</title>
</head>
<body>
    <div>@using (Html.BeginForm("PieT", "Pie", FormMethod.Post))
        {
    <table>
        <tr>
            <td>Month</td>

            <td>  @Html.DropDownList("Months", ViewData["Months"] as SelectList, "--Select Months--") </td> 

            <td>
                Year</td>
            <td>
                @Html.DropDownList("Year") </td>
            <td>
                <input type="submit" value="Submit" />
            </td>

</tr>
    </table>
        }
           </div>@(Html.EJ().Grid<FMSData>("FlatGrid")
        .Datasource((IEnumerable<object>)ViewBag.datasource)
        .SelectionType(SelectionType.Single)

        .Columns(col =>
        {
            col.Field("TotalDistance").HeaderText("Total Distance Travelled").IsPrimaryKey(true).TextAlign(TextAlign.Right).Width(75).Add();
            col.Field("TotalFuelConsumed").HeaderText("Total Fuel Consumed").Width(90).Add();
        }))
</body>
</html>

【问题讨论】：

标签： asp.net-mvc-4 model-view-controller grid syncfusion

【解决方案1】：

代码正确执行，没有任何错误，但 Grid 没有显示在屏幕上。

我怀疑您的应用程序中没有引用 ej.unobtrusive.min.js 文件。

当 web.config 中 appSettings 的 UnobtrusiveJavascriptEnabled 键被启用时，我们应该在布局页面中引用 ej.unobtrusive.min.js 来呈现 Syncfusion MVC 控件。

<appSettings>

<add key="UnobtrusiveJavaScriptEnabled" value="true" />

</appSettings>

渲染网格的依赖文件请参考以下帮助链接。

http://help.syncfusion.com/aspnetmvc/getting-started#to-enable-unobtrusive-option-in-your-application

【讨论】：

【解决方案2】：

您需要将 Syncfusion 网格渲染到您的查看页面。请参阅下面的代码

@(Html.EJ().Grid<FMSData>("FlatGrid")
        .Datasource((IEnumerable<object>)ViewBag.datasource)
        .SelectionType(SelectionType.Single)

        .Columns(col =>
        {
            col.Field("TotalDistance").HeaderText("Total Distance Travelled").IsPrimaryKey(true).TextAlign(TextAlign.Right).Width(75).Add();
            col.Field("TotalFuelConsumed").HeaderText("Total Fuel Consumed").Width(90).Add();
        })).Render();

【讨论】：