0

asp.net mvcプロジェクトでページングスクロールを行う方法について2日間検索しようとしました。しかし、私は心に合わない結果を見つけました。

私は asp.net mvc 2 を使用しており、JSON によってコントローラーからすべてのデータを取得し、JSON の結果を取得して、mvc プロジェクトのビューに表示します。その結果、ビューに表示する多くの製品があります (製品をテーブルに入れました)。そこで、ページング スクロールを実行して、ユーザーが要素を超えてスクロールしたときに、画面の下部に新しいコンテンツを自動的に読み込むようにしたいと考えています。これは、Facebook がステータスの更新で行うのと同じです。

これは、部分ビューで JSON を表示する方法を示すコードです。

<script type="text/javascript" language="javascript">
 $(document).ready(function () {
   var url = '<%: Url.Content("~/") %>' + "ProductListing/AllProductListing";
   var $parent = $("#productlist").empty();

   $parent.append('<br/><table id="myTable" cellpadding="0" cellspacing="0" width="100%" class="productlist" style="margin-left:4px; padding-top:2px;"><tbody>');

   var loading = $.getJSON(url,function (product) {
   if(product.ja.length == 0){
     $('#loading').hide();
     $("#productlist").html("<br/><br/><br/><br/><b>There is no product in this category.</b>");
   }
   while (k < loopK) {
     var count_item = 0;
     $.each(product.ja, function (index, value) {
      //blah blah blah ....

     });
    }
  });
});
</script>

このコード ブロックはうまく機能しています。

アイデアやサンプルをお願いします。

ありがとう。

4

1 に答える 1

0

Rob Conery は、このトピックに関する詳細なブログ投稿を書きました。

于 2012-06-21T07:07:40.413 に答える