通輸入文本到控制器

Question

我知道有這樣的問題很多，但我真的無法得到答案的解釋......這是我的看法......

<script type="text/javascript" language="javascript"> 
$(function() { 
    $(".datepicker").datepicker({ onSelect: function (dateText, inst) { }, 
     altField: ".alternate" 
    }); 

}); 
</script> 

@model IEnumerable<CormanReservation.Models.Reservation> 
@{ 
ViewBag.Title = "Index"; 
} 

<h5> 
    Select a date and see reservations...</h5> 
<div> 
    <div class="datepicker"> 
    </div> 
    &nbsp;<input name="dateInput" type="text" class="alternate" /> 
</div> 

我想輸入文本的值...在我的輸入文本中已經有一個值，因爲日期選擇器將值傳遞給它...我不能做的是將它傳遞給我的控制器...這是我的控制器：

private CormantReservationEntities db = new CormantReservationEntities(); 
    public ActionResult Index(string dateInput) 
    { 
     DateTime date = Convert.ToDateTime(dateInput); 
     var reservations = db.Reservations.Where(r=>r.Date==date).Include(r => r.Employee).Include(r => r.Room).OrderByDescending(r => r.Date); 
     return View(reservations.ToList()); 
    } 

我想在我的主頁上列出用戶在我的主頁的日曆中選擇的日期期間所做的預訂......

Answer 1

我在您的視圖中看不到Form標籤...或者您沒有顯示整個視圖？很難說......但要發佈到你的控制器，你應該通過ajax調用將值發送給控制器，或發佈一個模型。在你的情況下，你的模型是一個IEnumerable<CormanReservation.Models.Reservation>和你的輸入是一個日期選擇器，看起來不像它綁定到你的ViewModel。您在什麼時候將日期發回服務器？你是否有提交按鈕的表格，或者你有沒有顯示的ajax電話？

這裏是一個Ajax請求可以被稱爲在你的日期通過

$(function() { 
    $(".datepicker").onselect(function{ 
      searchByDate(); 
     }) 
    }); 

}); 

function searchbyDate() { 
    var myDate = document.getElementById("myDatePicker"); 

    $.ajax({ 
     url: "/Home/Search/", 
     dataType: "json", 
     cache: false, 
     type: 'POST', 
     data: { dateInput: myDate.value }, 
     success: function (result) { 
      if(result.Success) { 
       // do something with result.Data which is your list of returned records 
      } 
     } 
    }); 
} 

您的日期選擇器控制需要的東西通過

<input id="myDatePicker" name="dateInput" type="text" class="alternate" /> 

你的行動可以再看看一些引用它的例子像這樣

private CormantReservationEntities db = new CormantReservationEntities(); 

public JsonResult Search(string dateInput) { 
    DateTime date = Convert.ToDateTime(dateInput); 
    var reservations = db.Reservations.Where(r=>r.Date==date).Include(r => r.Employee).Include(r => r.Room).OrderByDescending(r => r.Date); 
    return View(reservations.ToList()); 
    return Json(new {Success = true, Data = reservations.ToList()}, JsonRequestBehaviour.AllowGet()); 
} 

更新

如果您希望將其設置爲發佈數據並返回視圖的標準帖子，則需要對其進行類似的更改。

創建一個視圖模型

public class ReservationSearchViewModel { 
    public List<Reservation> Reservations { get; set; } 
    public DateTime SelectedDate { get; set; } 
} 

修改您的控制器動作最初加載頁面，然後能夠發佈數據返回查看後面的數據

public ActionResult Index() { 
    var model = new ReservationSearchViewModel(); 
    model.reservations = new List<Reservation>(); 
    return View(model); 
} 

[HttpPost] 
public ActionResult Index(ReservationSearchViewModel model) { 
    if(ModelState.IsValid)  
    var reservations = db.Reservations.Where(r => r.Date = model.SelectedDate).Include(r => r.Employee).Include(r => r.Room).OrderByDescending(r => r.Date); 
    } 
    return View(model) 
} 

修改您的查看，以便您有表格可以發佈到索引HttpPost動作

@model CormanReservation.Models.ReservationSearchViewModel 

<h5>Select a date and see reservations...</h5> 
@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 
    @Html.EditorFor(model => model.SelectedDate) 
    @Html.EditorFor(model => model.Reservations) // this may need to change to a table or grid to accomodate your data 
    <input type="submit" value="Search" /> 
}