ASP.NET中的類似於用戶控件的行爲mvc

決定學習ASP.NET MVC，並立即陷入簡單的困境。ASP.NET中的類似於用戶控件的行爲mvc

在Web窗體用戶控件允許根據功能將應用程序分成組件，並促進重用。似乎部分視圖應該在ASP.NET MVC中做類似的事情，但是我得到這個錯誤，或者每個可見頁面都由單個控制器處理，並且不可能將某些頁面部分委託給單獨的控制器而無需硬編碼這些控制器關係。

RenderAction可以呈現局部視圖並在頁面中插入結果HTML，但如果我們希望在用戶單擊此視圖中的某個鏈接以及整個頁面時刷新此視圖，則需要所有局部視圖鏈接引用父控制器？

例如：

首頁\ Index.aspx的：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">Home</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
... 
<% Html.RenderAction("Index", "Posts"); %> 
...

帖子\ Index.aspx的：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<BlogEngine.Models.PostsViewModel>" %> 

    <% foreach(var item in Model.Posts){ %>  
     <p class="postMeta"><%: string.Format("{0} {1}", item.CreatedAt, item.CreatedBy) %></p> 
     <h1><%: item.Title %></h1> 
     <div><%: item.Content %></div> 
    <% } %> 

    <% if (Model.CurrentPage > 0){ %>   
     <%: Html.ActionLink("Newer posts", "Index", "Home", new { page=Model.CurrentPage - 1}, null) %> 
    <%} %> 

    <% if (Model.CurrentPage + 1 < Model.TotalPages) { %> 
     <%: Html.ActionLink("Older posts", "Index", "Home", new { page=Model.CurrentPage + 1}, null) %> 
    <% } %>

PostsController：

public class PostsController : Controller 
{ 
    private const int PostsPerPage = 2; 

    private readonly IPostRepository _postRepository; 

    public PostsController() 
    { 
     ... 
    } 

    public ActionResult Index(int page = 0) 
    { 
     var model = new PostsViewModel(); 
     int totalPages = 1; 
     model.CurrentPage = page; 
     model.Posts = _postRepository.GetPosts(page, PostsPerPage, out totalPages); 
     model.TotalPages = totalPages; 

     return PartialView(model); 
    } 
}

有沒有比這更好的方法？

來源

2010-09-17 Arunas

您只需將所需「反向鏈接」的局部視圖。 – queen3 2010-09-17 14:33:36

我不知道我是否理解正確，但您可以在使用Ajax（通過jQuery）中加載此部分視圖，以及何時只需刷新這部分內容即可重新加載元素。事情是這樣的：

在Javascript中：

function LoadComments(page) { 
    //It'll return a partial view 
    $("#comments").load("<%=Url.Action("Posts", "Index")%>?page=" + page); 
} 

$(document).ready(function() { 
    LoadComments(0); 
});

裏面夜的PartialView你需要渲染JavaScript代碼來調用下一個（頁）內容的「重裝」，所以叫LoadComments（索引頁）...

看的jQuery的AJAX API：http://api.jquery.com/category/ajax/

乾杯

來源

2010-09-17 14:15:03

我不想依賴JavaScript被啓用。當然，通過Ajax進行部分更新是非常好的，但應該有一些方法可以在沒有客戶端腳本的情況下執行此操作。 – Arunas 2010-09-17 14:25:33

ASP.NET中的類似於用戶控件的行爲mvc

回答

相關問題