MVC DataTable Problem nicht angezeigt

Ich bin ein Neuling für MVC-Anwendungsentwicklung. Ich versuche, Funktionalität zu einer EF-Tabelle mithilfe von Databases hinzuzufügen. Ich habe meine Tabelle erstellt und kann auf sie zugreifen (ohne jegliche Funktionalität). Ich folgte den Anweisungen unter: https://datatables.net/examples/basic_init/. Zusammengefasst ist hier, was ich tat:MVC DataTable Problem nicht angezeigt

ich die folgenden Zeilen an dem <head> Abschnitt _Layout.cshtml

<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
<script src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.js"></script> 
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script> 
<script type="text/css" src="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.css"></script>

Dann habe ich eine ID in der Tabelle auf der Indexanzeige durch die erzeugte zugewiesen MVC Controller:
```
<table id="tblServer"class="table"> 
```
Schließlich habe ich den folgenden Code-Block am Ende des Tags auf _Layout.cshtml
```
<script> 
    $('#tblServer').dataTable(); 
</script> 
```

Ich habe alle anderen Verweise auf JQuery deaktiviert, so dass sie nicht mehrfach geladen werden. Ich bemerkte aus den folgenden Abschnitten:

@* @Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr")*@ 

@* @Scripts.Render("~/bundles/jquery") 
    @Scripts.Render("~/bundles/bootstrap") 
    @RenderSection("scripts", required: false)*@

Ich bin in der Lage, die Tabelle zu sehen, aber kein Styling ist vorhanden. Keine Filterung, Suchfunktionen sind ebenfalls verfügbar. Bitte helfen Sie.

Screenshot hier - See screenshot here

Quelle

2016-05-13 topcatdc

können Sie Ihren Code zeigen, wo Sie die Datentabelle sind initialisiert? – vendettamit

Das habe ich benutzt: $ (document) .ready (function() { $ ('# tblServer'). DataTable(); }); – topcatdc

Sie benötigen die JQuery-Bibliothek enthalten, die Sie aus kommentiert haben. Außerdem sollte die JQuery-Bibliothek vor der JQuery.Datatable.js-Datei geladen werden. Jquery ist die Abhängigkeit für die Datei jquery.datatable.js.

So möchten Sie vielleicht etwas wie in genau dieser Reihenfolge tun:

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/bootstrap") 
@RenderSection("scripts", required: false) 

<script src="https://cdn.datatables.net/1.10.11/js/dataTables.bootstrap.js"></script> 
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.js"></script> 
<script type="text/css" src="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.css"></script>

Quelle

2016-05-13 19:37:17 vendettamit

Das hat funktioniert. Außerdem habe ich die Dateien von CDN in lokale Verzeichnisse kopiert und dann auf VS neu verknüpft. Danke für die Hilfe und Entschuldigung für diese späte Antwort. – topcatdc

MVC DataTable Problem nicht angezeigt

Antwort

Verwandte Themen