0

ページングには無限スクロールを使用します。そして、それは今日までうまく機能していました。今日、私はすべてのアクションメソッドに2つの追加パラメーターを追加することにしましたが、無限スクロールからのポインティングアクションメソッドに問題があります。
したがって、ページをスクロールしてもアクションは呼び出されません。
だから私はページソースを開いて、次のページをロードするはずのリンクを見つけました、そしてそれは次のようになります：

href="/Tickets/AnotherSetOfData?countryCode=uk&cityName=london&ticketTypeId=-1"

このリンクをクリックすると、アクションメソッドが呼び出されるため、問題は、無限スクロールが何らかの理由で停止し、スクロール時にこの関数を呼び出すことです。
アクションメソッドは次のようになります

public ActionResult AnotherSetOfData(string countryCode, string cityName, int ticketTypeId)
{...}

これはルーティングの問題かもしれませんが、処理方法がわかりません...

ルーティング

routes.MapRoute(
                "Default", // Route name
                "{controller}/{action}/{id}", // URL with parameters
                new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
            );

無限スクロール

<nav id="page-nav">
    <a href="@Url.Action("AnotherSetOfData", "Tickets", new { countryCode = ViewBag.countryCode, cityName = ViewBag.cityName, ticketTypeId = ViewBag.ticketTypeId })">
    </a>
</nav>
...
$container.infinitescroll({
            navSelector: '#page-nav',    // selector for the paged navigation 
            nextSelector: '#page-nav a',  // selector for the NEXT link (to page 2)
            itemSelector: '.item',     // selector for all items you'll retrieve
            loading: {
                finishedMsg: 'No more pages to load.',
                img: 'http://i.imgur.com/6RMhx.gif'
            }
        },

      function (newElements) {

          var $newElems = $(newElements).css({ opacity: 0 });

          $newElems.imagesLoaded(function () {

              $newElems.animate({ opacity: 1 });
              $container.isotope('appended', $newElems);
          });
4

1 に答える 1

1

これをGlobal.asax.csに入れてください

routes.MapRoute(
"InfiniScroll", // Route name
"{controller}/{action}/{countryCode}/{cityName}/{ticketTypeId}", //URL with parameters
new { controller = "Tickets", action = "AnotherSetOfData"}); // Parameter Defaults
于 2012-04-03T19:35:13.197 に答える