SORU
15 EKİM 2009, PERŞEMBE


Render Kısmi ASP.NET MVC jQuery Kullanarak Görünümü

Nasıl kısmi görünümü jquery kullanarak render mı?

Bu gibi kısmi render edebiliriz:

<% Html.RenderPartial("UserDetails"); %>

Nasıl aynı kullanarak bir WordPress kullanmak yapabilir miyiz?

CEVAP
15 EKİM 2009, PERŞEMBE


Kısmi bir görünüm sadece jQuery kullanarak oluşturabilirsiniz. Ancak, kısmi render ve sayfa jQuery/AJAX kullanarak katacak bir yöntem (eylem) diyebilirsiniz. Aşağıda, bir düğmesini tıklatın işleyicisi yükleyen url için eylemden bir veri özniteliği düğmesi ve patlar bir GET isteğini yerine DİV içerdiği kısmi manzaralı güncellenen içeriği.

$('.js-reload-details').on('click', function(evt) {
    evt.preventDefault();
    evt.stopPropagation();

    var $detailDiv = $('#detailsDiv'),
        url = $(this).data('url');

    $.get(url, function(data) {
        $detailsDiv.replaceWith(data);
    });
});

kullanıcı denetleyici bir eylem ayrıntılar adlı bu mu:

public ActionResult Details( int id )
{
    var model = ...get user from db using id...

    return PartialView( "UserDetails", model );
}

Bu kısmi görünümü sadece arama sonucu içeriği ile hepsini değiştirin, böylece kimliği detailsDiv ile bir kap olduğunu varsayarsak.

Üst Düğmesini Görüntüleyin

 <button data-url='@Url.Action("details","user", new { id = Model.ID } )'
         class="js-reload-details">Reload</button>

UserDetails kısmi görünümü

<div id="detailsDiv">
    <!-- ...content... -->
</div>

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • eyes4beautee

    eyes4beautee

    17 HAZİRAN 2011
  • Kanál používateľa McsFuego

    Kanál použ

    12 EKİM 2011
  • TheFlashCentre

    TheFlashCent

    22 Mayıs 2008