0

私の見解では、1000 を超えるレコードを持つテーブルから取得したコンテンツを入力しています。一度にではなく下にスクロールしたときにのみ、レコードがより少ないレコードに入力されるように、コンテンツを入力する必要があります。これをモバイルアプリケーションの開発に使用します。オンラインでさまざまなソースを試しましたが、スクロールするほど効果的ではありません。私の質問がよくわからない場合は、ほとんどの人が facebook を使用している可能性があります。投稿が一度に読み込まれるわけではありません。スクロールされたときのみロードされます。私は同じ機能を実装する必要があります。リアルタイム コードへの参照を歓迎します。前もって感謝します。

ここに私がレコードを取得している私のコードがあります

@foreach (System.Data.DataRow row in Model.dtSearch.Rows)
{
if (Model.dtSearch.Rows.Count > 0)
    {
    <input type ="hidden" value="@row["ProductId"]" />
    <input type ="hidden" value="@row["ProductPriceId"]" />

    <div class="divSearchResult" id="divSearch">
    <table>
    <tbody>
    <tr><td rowspan="2" style="width:10%"> @Html.Raw(row["ThumbnailFilename"])</td>
    <td colspan="3"><div class="divSearchHeader"> @row["ProductName"] <br /></div></td></tr>
    <tr><td colspan="4"><div class="divSearchShowHide" ><a class="classShow" id="show" href="#" style="text-decoration:none">Show</a></div>
    <div style="display:none;" class="divSearchContent" id=divresult_@ProductDescription > @Html.Raw(row["ProductDescription"])</div></td></tr>
    </tbody>
    </table>
    <hr />
</div>

    }}

コードを表示する意味はありませんが、ここで機能を実装する必要があります

4

1 に答える 1

0

jQuery Waypoints Infinite Scrollプラグインを使用できます

$('.infinite-container').waypoint('infinite', {
  container: 'auto',
  items: '.infinite-item',
  more: '.infinite-more-link',
  offset: 'bottom-in-view',
  loadingClass: 'infinite-loading',
  onBeforePageLoad: $.noop,
  onAfterPageLoad: $.noop
});
于 2013-11-14T05:28:43.750 に答える