Asp.net mvc 4 使用ASP.NET MVC使用剑道UI设置网格_Asp.net Mvc 4_Grid_Kendo Ui

Asp.net mvc 4 使用ASP.NET MVC使用剑道UI设置网格

asp.net-mvc-4 grid kendo-ui

Asp.net mvc 4 使用ASP.NET MVC使用剑道UI设置网格,asp.net-mvc-4,grid,kendo-ui,Asp.net Mvc 4,Grid,Kendo Ui,我开始用HTML进行开发，并尝试在ASP.NETMVC中使用剑道UI框架我从本教程开始：有了它，我可以创建一个网页，向我显示一个包含数据库数据的表但现在我想用剑道UI小部件（网格）设计de表格。为此，我观看了这段视频：（直到4:37分钟）到目前为止，我采取了以下步骤：下载ASP.NET MVC的剑道UI完整试用版将kendo.default.min.css和kendo.common.min.css文件从下载的文件夹复制到我的Visual Studio项目中的Content文件夹将

我开始用HTML进行开发，并尝试在ASP.NETMVC中使用剑道UI框架

我从本教程开始：有了它，我可以创建一个网页，向我显示一个包含数据库数据的表

但现在我想用剑道UI小部件（网格）设计de表格。为此，我观看了这段视频：（直到4:37分钟）

到目前为止，我采取了以下步骤：

下载ASP.NET MVC的剑道UI完整试用版
将
```
kendo.default.min.css
```
和
```
kendo.common.min.css
```
文件从下载的文件夹复制到我的Visual Studio项目中的
```
Content
```
文件夹

将

kendo.all.min.js文件从下载的文件夹复制到Scripts
文件夹


使用以下代码更改了视图
：


@model IEnumerable
@{
ViewBag.Title=“Index”；
}
$（函数（）{
$（“#artesanos网格”）.kendoGrid（）；
});
指数

@ActionLink（“新建”、“创建”）

@DisplayNameFor（model=>model.RFC）
@DisplayNameFor（model=>model.RazonSocial）
@DisplayNameFor（model=>model.Telefonos）
@DisplayNameFor（model=>model.Fax）
行动
@foreach（模型中的var项目）{
@DisplayFor（modeleItem=>item.RFC）
@DisplayFor（modelItem=>item.RazonSocial）
@DisplayFor（modelItem=>item.Telefonos）
@DisplayFor（modelItem=>item.Fax）
@ActionLink（“编辑”，“编辑”，新的{id=item.RFC}）|
@ActionLink（“详细信息”，“详细信息”，新的{id=item.RFC}）|
@ActionLink（“删除”，“删除”，新的{id=item.RFC}）
}

但当我运行页面时，网格没有任何更改。。。
我错过了什么
附言：
加载页面的源代码为：
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="/Content/site.css" rel="stylesheet"/>

    <script src="/Scripts/modernizr-2.6.2.js"></script>

</head>
<body>


<link href="/Content/kendo.common.min.css" rel="stylesheet" />
<link href="/Content/kendo.default.min.css" rel="stylesheet" />
<script src="/Scripts/kendo.all.min.js" type="text/javascript" ></script>

<script type="text/javascript">
    $(function () {
        $("#artesanos-grid").kendoGrid();

    });


</script>

<h2>Index</h2>

<p>
    <a href="/Artesano/Create">Create New</a>
</p>
<table id="artesanos-grid">
    <thead>
    <tr>
        <th>
            RFC
        </th>
        <th>
            RazonSocial
        </th>
        <th>
            Telefonos
        </th>
        <th>
            Fax
        </th>
        <th>Actions</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            325
        </td>
        <td>
            sdfwef
        </td>
        <td>
            wetfgvs
        </td>
        <td>
            sdfsdgs
        </td>
        <td>
            <a href="/Artesano/Edit/325">Edit</a> |
            <a href="/Artesano/Details/325">Details</a> |
            <a href="/Artesano/Delete/325">Delete</a>
        </td>
    </tr>
    <tr>
        <td>
            2
        </td>
        <td>
            weg
        </td>
        <td>
            asdgweg
        </td>
        <td>
            dsg
        </td>
        <td>
            <a href="/Artesano/Edit/2">Edit</a> |
            <a href="/Artesano/Details/2">Details</a> |
            <a href="/Artesano/Delete/2">Delete</a>
        </td>
    </tr>
    <tr>
        <td>
            235423
        </td>
        <td>
            sdga
        </td>
        <td>
            et
        </td>
        <td>
            wefwf
        </td>
        <td>
            <a href="/Artesano/Edit/235423">Edit</a> |
            <a href="/Artesano/Details/235423">Details</a> |
            <a href="/Artesano/Delete/235423">Delete</a>
        </td>
    </tr>
    <tr>
        <td>
            23
        </td>
        <td>
            wq
        </td>
        <td>
            sasdga
        </td>
        <td>
            aegweg
        </td>
        <td>
            <a href="/Artesano/Edit/23">Edit</a> |
            <a href="/Artesano/Details/23">Details</a> |
            <a href="/Artesano/Delete/23">Delete</a>
        </td>
    </tr>
    </tbody>

</table>


    <script src="/Scripts/jquery-1.8.2.js"></script>


</body>
</html>


指数
$（函数（）{
$（“#artesanos网格”）.kendoGrid（）；
});
指数


RFC
RazonSocial
电传机
传真
行动
325
sdfwef
WETFGV
sdfsdgs
|
|
2.
weg
asdgweg
dsg
|
|
235423
sdga
et
wefwf
|
|
23
wq
萨斯德加
aegweg
|
|
我的问题出在视图/Shared/_Layout.cshtml
：
生成的文件如下所示：
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    @RenderBody()

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>


@视图包。标题
@style.Render（“~/Content/css”）
@Scripts.Render（“~/bundles/modernizer”）
@RenderBody（）
@Scripts.Render（“~/bundles/jquery”）
@RenderSection（“脚本”，必需：false）

因此，我改为：
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
</head>
<body>
    @RenderBody()

    @RenderSection("scripts", required: false)
</body>
</html>


@视图包。标题
@style.Render（“~/Content/css”）
@Scripts.Render（“~/bundles/modernizer”）
@Scripts.Render（“~/bundles/jquery”）
@RenderBody（）
@RenderSection（“脚本”，必需：false）

（我将@Scripts.Render（“~/bundles/jquery”）
放在标题处）
问题现在已经解决。您是否在控制台上检查了JS错误？@PeturSubev您可以看到，我已经解决了问题。但由于我是初学者，你能告诉我在哪里可以看到JS错误吗？它是在Visual Studio中还是在浏览器（Chrome）中？它将在将来很有用。在浏览器的控制台上。我建议你检查一下这个视频，我想你会发现它很有用。
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
    @Scripts.Render("~/bundles/jquery")
</head>
<body>
    @RenderBody()

    @RenderSection("scripts", required: false)
</body>
</html>