asp.net-mvc - 显示重叠的聊天记录 ASP.NET Razor 视图

Question

我需要在 Razor 视图页面中显示聊天历史记录。我有一个方法可以获取从用户 B发送给用户A的指定消息。另一个获取用户 BI 的方法有这个 viewModel：

 public class SentReceivedMessagesViewModel
{
    public IEnumerable<PrivateMessage> IncomingMessages { get; set; }
    public IEnumerable<PrivateMessage> OutGoingMessages { get; set; }
    public PagingInfo PagingInfo { get; set; }


}

而这个控制器：

 public ActionResult Conversations(Guid targetId)
    {
        var myGuid = (Guid)Membership.GetUser(this.User.Identity.Name).ProviderUserKey;
        var incomingchats = db.IncomingHistoryFromUserId(targetId, myGuid);
        var outgoingchats = db.OutgoingHistoryToUserId(myGuid, targetId);
        var model = new SentReceivedMessagesViewModel
          {
              IncomingMessages=incomingchats,
              OutGoingMessages=outgoingchats,
          };
        return PartialView("Conversation",model);
    }

困境是如何组织视图，以便在重叠窗格中显示类似 Facebook 的聊天历史记录？有教程或演示吗？