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

  • DigitalRev TV

    DigitalRev T

    30 AĞUSTOS 2007
  • makemebad35

    makemebad35

    17 NİSAN 2006
  • Peyton

    Peyton

    28 Aralık 2008