无法让jQuery DataTable工作

时间:2017-09-25 19:07:01

标签: jquery asp.net-mvc datatables

我试图让DataTables第一次运行。我关注他们网站上的示例,但我没有让它工作。我希望我只是遗漏一些简单的东西。

以下是代码。在JavaScript中,我能够显示警报,因此我知道我的按钮与点击事件有关,但之后没有任何反应。看看开发人员的工具,我没有看到任何错误。

我最初尝试过CDN,但后来通过NuGet加载了DataTables,并使用了.js和.css文件的本地引用。仍然没有去。

我在控制器的服务器端放置了一个断点,看它是否会到达那一点,而且它永远不会是那个断点。所以,我不知道是不是因为URL没有指向正确的位置,或者因为DataTables是客户端而我永远不会到达断点?

<link href="~/Content/DataTables/css/dataTables.bootstrap.css" rel="stylesheet" />

@section scripts {

    <script src="~/Scripts/DataTables/jquery.dataTables.min.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {
            $("#btnSubmit").bind("click", function () {

                alert("here");

               $('#tblTransaction').DataTable({
                    "ajax": {
                        "url": "/Admin/LoadTestData",
                        "type": "GET",
                        "datatype": "json"
                    },
                    "columns": [
                            { "data": "emp_lastname", "autoWidth": true }
                    ]
                });
            })
        });

    </script>
}

控制器

public ActionResult LoadTestData()
{
    using (var ctx = new VTContext())
    {
        var data = DAL.GetMultipleEmployees("291289","9/19/2017"); 
        return Json(new { data = data }, JsonRequestBehavior.AllowGet);
    }
}

0 个答案:

没有答案