jQuery Datatables插件不能與ASP.NET MVC一起工作

我想通過使用jquery datatables plug-in將更多功能添加到我的MVC應用程序中的表中。我已經添加了以下到我的index.cshtml頁面，試圖打開表「dailyreporttable」從標準表到一個DataTable：jQuery Datatables插件不能與ASP.NET MVC一起工作

<script src="~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js" type="text/javascript"></script> 
<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#dailyreporttable').dataTable(); 
    }); 
</script>

然而，當我預覽該網頁在瀏覽器中的數據表加上有沒有被應用到表格中，並且仍然作爲標準表格。我沒有任何有關MVC或Web開發的經驗，所以我不確定我做錯了什麼。

來源

2014-05-13 Kevin

嘗試切換腳本引用。瀏覽器按順序加載腳本，並且需要在jQuery插件之前引用jQuery。 –

嘗試改變腳本的加載順序：

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="~/Scripts/DataTab....ataTables.js" type="text/javascript"></script>

因爲基於datatables jQuery插件，它需要jQuery方法來運行，所以你必須首先包括jQuery庫，使所有需要的方法得到可用於datatable插件。

來源

2014-05-13 13:36:31 Jai

剛剛嘗試過，同樣的事情正在發生。我是否需要在別處添加對腳本的引用，例如BundleConfig.cs文件或_layout.cshtml文件？這是我第一次在MVC中使用腳本，所以我不確定什麼是正確的過程。 – Kevin

您應該將這些引用添加到您的BundleConfig.cs文件中。

你可能有一個包被加載_Layout.cshtml：

@Scripts.Render("~/bundles/myBundle")

所以jQuery和數據表引用添加到特定的捆綁，例如：

bundles.Add(new ScriptBundle("~/bundles/myBundle").Include(
    "~/Scripts/jquery-1.10.2.min.js" 
    "~/Scripts/DataTab....ataTables.js" 
));

您可以檢查js文件正在通過查看Firebug Net標籤加載（如果您使用的是Firefox）

來源

2014-05-13 14:02:38 markpsmith

<head> 
<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#dailyreporttable').dataTable(); 
    }); 
</script> 
</head> 
<body> 
<table id="dailyreporttable"> 
</table> 
</body>

https://datatables.net/examples/basic_init/zero_configuration.html

來源

2014-05-13 14:08:54 malkam

你有參考的css文件？ rel =「stylesheet」type =「text/css」href =「../../ media/css/jquery.dataTables.css」

來源

2014-05-14 14:11:20 PMC

是的，我已經添加了CSS文件的引用，但它仍然無法加載 – Kevin

jQuery Datatables插件不能與ASP.NET MVC一起工作

回答

相關問題