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

  • Eric Enge

    Eric Enge

    2 Kasım 2009
  • Nickcidious

    Nickcidious

    6 HAZİRAN 2011
  • PhoneArena

    PhoneArena

    7 NİSAN 2006