2016-05-13 4 views
0

私はMVCアプリケーション開発の初心者です。私は、datatablesを使ってEFテーブルに機能を追加しようとしています。私は自分のテーブルを作成し、それにアクセスできます(機能はありません)。私は指示に従った:https://datatables.net/examples/basic_init/。要約すると、ここで私がやったことだ:私はによって生成されたIndexビュー上のテーブルにIDを割り当てられMVC DataTable問題が表示されない

その後
<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> 
    1. 私は_Layout.cshtmlの<head>セクションに次の行を追加しましたMVCコントローラ:

      <table id="tblServer"class="table"> 
      
    2. 最後Iは_Layout.cshtml上のタグの最後に、次のコードブロックを追加し

      <script> 
          $('#tblServer').dataTable(); 
      </script> 
      
    3. 他のすべてのJQueryへの参照を無効にして複数回ロードしないようにしました。私は、次のセクションをコメントアウト:

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

    私はテーブルを見ることができるんだけど、何のスタイリングはありません。フィルタリングも検索機能もありません。助けてください。

    こちらをご覧スクリーンショット - あなたがコメントアウトしているjQueryライブラリを含める必要が See screenshot here

  • +0

    あなたがデータテーブルを初期化している、あなたのコードを表示することができますか? – vendettamit

    +0

    これは私が使ったものです:$(document).ready(function(){ $( '#tblServer')。DataTable(); }); – topcatdc

    答えて

    0

    。また、JQueryライブラリは、JQuery.Datatable.jsファイルの前にロードする必要があります。 Jqueryはjquery.datatable.jsファイルの依存関係です。

    だから、正確な順序でのような何かをしたいことがあります。

    @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> 
    
    +0

    それはうまくいった。さらに、CDNからローカルディレクトリにファイルをコピーし、VSに再リンクしました。このお返事ありがとうございました。 – topcatdc

    関連する問題