SlickGrid 未显示答案

【问题标题】：SlickGrid not displayedSlickGrid 未显示
【发布时间】：2013-04-23 06:23:06
【问题描述】：

这里是新手..目前正在开发我的第一个 ASP.NET Web 应用程序。我正在尝试使用 SlickGrid。不知何故，网格根本没有出现，甚至没有显示标题:-(

以下是我的 Index.cshtml 代码：

@model IEnumerable<E_2.Models.DYE>

<link href="@Url.Content("~/Content/slick.grid.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.event.drag-2.0.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/slick.core.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/slick.grid.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/SlickGridTest.js")" type="text/javascript">

</script>

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>


<p>
    @Html.ActionLink("Create New", "Create")
</p>


<table width="100">
  <tr>
    <td>
      <div id="teamGrid" style="width:400px;height:300px;"></div>
    </td>
  </tr>
</table>

..这是我的 SlickGridTest.js 脚本

var grid;
var columns = [
    { id: "ID", name: "ID", field: "ID" },
    { id: "DESCRIPTION", name: "DESCRIPTION", field: "DESCRIPTION" },
];

var options = {
    enableCellNavigation: true,
    enableColumnReorder: false
};

$(function () {
    var myData = [];
    $.getJSON('/DYE/ReloadDyeData', function (data) {
        myData = data;
        grid = new Slick.Grid("#teamGrid", myData, columns, options);
    });

..我的模型

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

namespace E_2.Models
{
    public partial class DYE
    {
        public int ID { get; set; }

        [Required]
        public string DESCRIPTION { get; set; }

        [StringLength(3)]
        public string COLOR_CODE { get; set; }
        public Nullable<System.DateTime> VALID_UNTIL { get; set; }
    }
}

*..以及重新加载数据的控制器部分 *

public string ReloadDyeData()
{
    var dyes = db.DYEs.ToList();
    JavaScriptSerializer serializer = new JavaScriptSerializer();
    return serializer.Serialize(dyes);
}

由于缺乏这方面的 HTML、JavaScriot 和 ASP.NET 经验，我真的不知道问题的根源在哪里。

【问题讨论】：

注意：我已经使用 Firebug 运行调试，发现调用了 = jquery.event.drag-2.2.min.js、slick.core.js 和 slick.grid.js。但不知何故，没有调用“SlickGridTest.js”（未在脚本调试选择中显示）。并且已经对“SlickGridTest.js”进行了一些编辑。但我不知道为什么它没有被调用

标签： asp.net slickgrid

【解决方案1】：

问题可能是因为您将 .js 文件加载到错误的位置。

在你的视图底部（在你最后一个 cshtml 代码之后）你需要为你的脚本添加一个部分，像这样

</div>
@section scripts {
    <script type="text/javascript" src="~/Scripts/yourfile"></script>
}

这是一个快速的答案，很可能是别的东西

【讨论】：

已添加参考部分（所有 5 行）。但仍然没有运气 ;-(

【解决方案2】：

据我所知，您没有包含 jQuery、jQuery UI，并且您使用的是过期版本的 jquery.event.drag。您可以在此处获取更新版本：http://threedubmedia.com/code/event/drag

【讨论】：

@ibehold - jquery.event.drag 的版本已与参考一起更新。我知道如何正确包含 jQuery 和 jQuery UI 吗？

【解决方案3】：

我将您的代码复制并粘贴到我的 IDE 中，结果我们的 slickGridTest.js 代码末尾缺少大括号和圆括号。

【讨论】：