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

  • Blu animations and other videos

    Blu animatio

    15 HAZİRAN 2007
  • Ryan Billy

    Ryan Billy

    30 EKİM 2006
  • TheTwistedFrequency

    TheTwistedFr

    26 NİSAN 2010