Изменение частичных представлений в одном представлении на основе меню

Question

Я создаю веб-сайт статических страниц в MVC5. Я хочу обновить div «content» с правой стороны, на основе щелчка элемента меню, который находится в левой части страницы, без обновления всей страницы. Я использовал одно частичное представление для части меню и для каждого элемента в меню, я создал частичные виды.

Answer 1

Вы можете использовать что-то вроде этого, где 'yourMenuItem', 'partialUrl' и 'rightPanel' ссылаются на пункт меню, который нужно щелкнуть, URL-адрес частичного возврата содержимого и целевого div, где должно быть вставлено содержимое:

$('#yourMenuItem').on('click', function(event) { 
    event.preventDefault(); 
    event.stopPropagation(); 
    $.get("/partialUrl", function(data) { 
     $("#rightPanel").replaceWith(data); 
    }); 
}); 

Возможно, вы должны использовать @ (Url.Action («Action», «Controller»)) для получения частичного URL-адреса.