Question

我目前正在使用C＃构建MVC应用程序。我以前在我的用户概述中使用了Datatable，但是当我想在详细信息页面中使用它时，在局部视图中，它通常不会加载。下面我复制了DetailsGroup.cshtml文件中最重要的部分。编码时，我基本上是从我的工作概述页面复制/粘贴，但不知何故它不起作用。

@{
Layout = "~/Views/Shared/_LayoutWithoutNavBar.cshtml";
}

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css" />
<html> 
....
<table id="myGroups">
....
</html>

@section scripts {
<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        //onderstaand lijntje is om een deftige dataTable te initialiseren
        $('#myGroups').DataTable({
            "searching": false,
            "pageLength": 25
        });
    });

</script>
}

在我的_LayoutWithoutNavBar.cshtml文件中，我有以下几段代码：

<head>
    ...
    @Styles.Render("~/Content/bootstrap-theme.min.css")
    @Styles.Render("~/Content/bootstrap.min.css")
    @Scripts.Render("~/bundles/modernizr")


</head>
<body role="document">
    <div id="mainBody" class="giveMeSomeSpace">
        @Scripts.Render("~/bundles/jquery")
        @Scripts.Render("~/bundles/jqueryui")
        @Scripts.Render("~/bundles/jqueryval")

        @RenderSection("scripts", required: false)

        @Styles.Render("~/Content/themes/base/css")
        @RenderBody()


    </div>
</body>
</html>

在我的主_Layout.cshtml文件中，也在Details页面中使用，我使用相同的脚本，如上所述。我不知道部分视图是否可以使用那些，所以我有点复制/粘贴以确定。

编辑：差点忘了。当我运行应用程序时，我没有得到错误，表只是加载，没有功能或CSS。如果我在Chrome上打开F12，我会看到一个红色未捕获的TypeError：undefined不是一个函数如果我点击该错误，它会将我发送给＆lt;头＆gt;我的主要详细信息页面的标签

Answer 1

我找到了答案。通过使用父母和部分视图的混合，我最终使用JQuery两次甚至三次。所以按F12检查你是否不这样做。

JQuery的Datatable没有初始化

1 个答案: