查詢和結果在同一頁

Question

我想在asp.net MVC查詢控件和results.Aka發佈控件值和顯示結果在同一頁上的一個很好的例子。

我谷歌在這一點，但無法找到任何例子

Answer 1

我會什麼，我認爲你把裂縫是後，這是具有形狀+結果在同一頁上。我最近遇到了這個問題，我需要這種模式，並且增加了兩種方法（表單和表單+結果）所需的複雜性。不是GET和POST。以下是我做的：

控制器方法：

// GET: /Reports/Refund 
public ActionResult Refunds() 
{ 
    var refundVM = new RefundCheckReportViewModel(); 
    return View(refundVM); 
} 

// GET: /Reports/Refund 
public ActionResult RefundsResult(RefundCheckReportViewModel refundVM) 
{ 
    string errorMsg; 
    var ready = refundVM.IsReadyToRun(out errorMsg); 

    if (!ready) 
     ModelState.AddModelError("StartDate", errorMsg); 
    else 
     refundVM.LoadReportData(); // this method on the ViewModel fetches the report data. 

    return View("Refunds", refundVM); 
} 

查看在剃刀，其持有的形式，再加上表中報告的結果：

@model MembershipCenter.ViewModels.Report.RefundCheckReportViewModel 

@{ 
    ViewBag.Title = "Refunds"; 
} 

<div class="formStandard"> 


    @using (Html.BeginForm("RefundsResult", "Reports", FormMethod.Get)) 
    { 

     <div class="fsHeader"> 
      <span class="reqLabel"><a class="req">*</a>required field</span> 
      <strong>Refund Check Report</strong> 
     </div> 

     <div class="fsBlock"> 
      <div class="text">Date Range: <a class="req">*</a></div> 
      <div class="elem"> 
       <span class="dateRangePicker"> 
        From: @Html.TextBoxFor(model => model.StartDate, new { @class = "short datepicker" }) 
        &nbsp;&nbsp;&nbsp;&nbsp; 
        To: @Html.TextBoxFor(model => model.EndDate, new { @class = "short datepicker" }) 
        @Html.ValidationMessageFor(model => model.StartDate) 
       </span> 
      </div> 
     </div> 



     <div class="fsFinalActions"> 
      <input type="submit" value="Generate Report" /> 
     </div> 
    } 

</div> <!-- end .formStandard --> 



@if (Model.ReportData != null) 
{ 
    if (Model.ReportData.Any()) { 
     <table class="colorTable" style="margin-top: 30px;" id="resultTable"> 
      <thead> 
       <tr> 
        <th>Date</th> 
        <th>Member #</th> 
        <th>Amount</th> 
        <th>Check #</th> 
        <th>Name</th> 
        <th>Reason</th> 
       </tr> 
      </thead> 
      <tbody> 
       @foreach (MembershipCenter.ViewModels.Report.RefundCheckReportViewModel.RefundReportResultItem item in Model.ReportData) 
       { 
        <tr> 
         <td>@item.PrintedDate</td> 
         <td>@Html.GetMemberLink(item.MemberNumber)</td> 
         <td>@item.Amount</td> 
         <td>@item.CheckNumber</td> 
         <td>@item.PayeeName</td> 
         <td>@item.Reason</td> 
        </tr> 
       } 
      </tbody> 
     </table> 
    } 
    else { 
     <div><strong>There are not Refunds for the criteria above.</strong></div> 
    } 
} 

最後，僅供參考，我的視圖模型：

using System; 
using System.Collections.Generic; 
using System.ComponentModel.DataAnnotations; 
using System.Linq; 
using System.Web; 
using System.Web.Mvc; 
using Membership = Biz.Business.Membership; 
using Printing = Biz.Business.Printing; 

namespace MembershipCenter.ViewModels.Report 
{ 
    public class RefundCheckReportViewModel 
    { 
     [Required] 
     public DateTime? StartDate { get; set; } 
     [Required] 
     public DateTime? EndDate { get; set; } 

     public List<RefundReportResultItem> ReportData = null; 

     public RefundCheckReportViewModel() 
     { 
     } 

     public bool IsReadyToRun(out string errorMessage) 
     { 
      errorMessage = string.Empty; 

      if (!StartDate.HasValue || !EndDate.HasValue) 
       errorMessage = "Please enter a start and end date"; 

      else if (StartDate.Value <= new DateTime(2012, 11, 1).Date) 
       errorMessage = "Please enter a date greater than 11/1/2012 for the Start Date."; 

      return (errorMessage.IsNullOrEmpty()); 
     } 

     public void LoadReportData() 
     { 
      ReportData = new List<RefundReportResultItem>(); 

      var refunds = Membership.Getrefunds(blah); 
      var checks = Printing.GetChecks(blah); 

      foreach (var refund in refunds) 
      { 
       var check = checks.SingleOrDefault(c => c.RequestReferenceId == refund.Request.Id); 
       if (check != null) 
        ReportData.Add(new RefundReportResultItem(refund, check)); 
      } 
     } 

     public class RefundReportResultItem 
     { 
      public int CheckNumber { get; set; } 
      public decimal Amount { get; set; } 
      public string PayeeName { get; set; } 
      public string MemberNumber { get; set; } 
      public string Reason { get; set; } 
      public string PrintedDate { get; set; } 

      public RefundReportResultItem(Membership.Refund refund, Printing.PrintedCheck check) 
      { 
       MemberNumber = refund.MemberId; 
       Reason = refund.Note; 
       Amount = refund.Amount; 

       PayeeName = check.Payee; 
       CheckNumber = check.CheckNumber; 
       PrintedDate = check.QueuedToPrint.ToShortDateString(); 
      } 
     } 
    } 
} 

這視圖模型下RefundReportResultItem類是人C對於報告中每個結果項目的數據都不重要。