2016-12-14 3 views
0

データベーステーブルのデータをWebサイトに表示する必要があるとし、約1000〜4000行があるとします。あなたならどうしますか? 1はより速く/より良い、なぜだろうなしのカスタムページネーションとRazor foreach対Jquery。各テーブルを表示する方が良いでしょうか?

<tbody> 
    @foreach (var item in Model.LoadServiceList) { 
    <tr> 
     <td> 
     <b>@item.kvab.ToString()</b> 
     </td> 
     <td> 
     <b>@item.kw_demand.ToString()</b> 
     </td> 
     <td> 
     <b>@item.kva_demand.ToString()</b> 
     </td> 
    </tr> 
    } 
    </tbody> 

それとも

success: function (response) { 
     var trHTML = ''; 
     $.each(response, function (i, item) { 
      trHTML += '<tr><td>' + item.rank + '</td><td>' + item.content + '</td><td>' + item.UID + '</td></tr>'; 
     }); 
     $('#records_table').append(trHTML); 
    } 

:シンプルなかみそりのforeachを使用しますか?

答えて

1

このためにサーバーサイドのデータテーブルを使用する最善の方法。

Ordering on columns 
Searching 
Pagination 
Change no of rows to be displayed 
and may more... 

そして、最も重要な点は、指定された番号をフェッチする際に余分なオーバーヘッドがないことです。これは、ユーザーがフォームの内部で何らかのアクションを行うときに、通常はjQueryの(のようなボタンをクリックします)を使用しているあなたが持っているとき、カミソリループが使用され、依存LIMIT

Datatable Reference

+0

プラグを使用する必要がない場合は、どちらの方が良いでしょうか? JqueryのループやカミソリC#のループか、サーバー側でテーブルを作成し、それをajaxメソッドに渡しますか? – Arbaaz

0

を使用して表示するレコードのモデルで作業し、返された値でページを埋めてください。あなたがモデルを返すのであれば、Razorを使ってテーブルを作成しますが、必要ならjqgridプラグインを使ってクールなカスタムテーブルを作成することができます。 http://www.trirand.com/jqgridwiki/doku.php

1

jqueryループを使用すると、ページの読み込み速度が速くなります.Jqueryは、ページの読み込み後にデータをフェッチし続けます。データが読み込まれるまで、フェイスブックのページを使用する場合は、待機します。

+0

これは良い点です – Arbaaz

関連する問題