我尝试制作和级联下拉列表：第一个用于项目的 dropdwonlist，第二个用于活动的下拉列表。
型号： 项目：
usinng System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.ComponentModel.DataAnnotations;
using System.Web.Mvc;
namespace ManyToMany.Models
{
public enum StatusProject
{
Ja,
Nee
}
public class Project
{
//[DatabaseGenerated(DatabaseGeneratedOption.None)]
// [Display(Name= "Number")]
[Key]
public int ProjectID { get; set; }
// [Display(Name = "Naam")]
//[Required(ErrorMessage = "Naam moet wel ingevuld worden")]
public string Name { get; set; }
// [StringLength(100,ErrorMessage = "U kunt niet meer dan 100 tekens invoeren!! ")]
// [Required(ErrorMessage = "Korte beschrijving")]
[Display(Name ="omschrijving" )]
public string Description { get; set; }
// [Required(ErrorMessage = "U moet wel het aantal uren opgeven")]
[Display(Name = "Geplande uren")]
public decimal PlannedHours { get; set; }
[Required(ErrorMessage = "eh, prijskaartje?")]
[DisplayFormat(DataFormatString = "{0:c}")]
[Display(Name = "Prijs")]
public decimal price { get; set; }
public bool Intern { get; set; }
[Display(Name = "project manager")]
public string projectManager { get; set; }
[Display(Name = "Project Code")]
public string projectCode { get; set; }
[Display(Name = "Start Datum")]
public DateTime? StartDate { get; set; }
[Display(Name = "Eind datum")]
public DateTime? EndDate { get; set; }
[Display(Name = "Actief?")]
public bool Active { get; set; }
// public StatusProject StatusProject { get; set; }
public virtual ICollection<Employee> Employees { get; set;}
public virtual IEnumerable<Activity>Acitivity { get; set; }
//public IEnumerable<Activity> Activities { get; set; }
//public IEnumerable<SelectListItem> Activities { get; set; }
public Project()
{
this.Employees = new List<Employee>();
this.Acitivity = new List<Activity>();
}
}
}
模型活动：
using System;
using System.Collections.Generic;
using System.Data.Entity;
using System.Linq;
using System.Web;
using System.ComponentModel.DataAnnotations;
namespace ManyToMany.Models
{
public class Activity
{
//[Key]
//[DatabaseGenerated(DatabaseGeneratedOption.Identity)]
//[Display(Name = "Nummer(willekeurig nummer)")]
[Key]
public int ActivityID { get; set; }
[Required(ErrorMessage = "Naam moet wel ingevuld worden")]
[MaxLength(50)]
[Display(Name = "Activiteit")]
public string Name { get; set; }
[Display(Name = "Omschrijving")]
public string Description { get; set; }
[Display(Name = "uren")]
public decimal Hour { get; set; }
[DataType(DataType.Date)]
[Display(Name = "Begin datum")]
public DateTime BeginDate { get; set; }
[DataType(DataType.Date)]
[Display(Name = "Eind datum")]
public DateTime EndDate { get; set; }
[Display(Name = "Tarief")]
public decimal Tariff { get; set; }
[Display(Name = "Actief?")]
public bool Active { get; set; }
[Display(Name = "project")]
public int ProjectID { get; set; }
//public virtual DbSet<Project> Project { get; set; }
public virtual Project Project { get; set; }
public virtual ICollection<Employee> Employee { get; set; }
//public virtual ICollection<Activity> Activities { get; set; }
public virtual ICollection<Hour> Hours { get; set; }
}
}
看法：
@using System.Collections
@using System.Globalization
@using System.Web.Mvc.Html
@using ManyToMany.Helpers
@using ManyToMany.Controllers
@using ManyToMany.Models
@model ManyToMany.Models.Hour
@{
ViewBag.Title = "Create";
}
<h2>Create</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/SelectWeek.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/JQueryFixes.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.GetActivities.js")" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#ProjectID").change(function () {
var idDept = $(this).val();
$.getJSON('@Url.Action("GetProjectList", "Hour")', { id: idDept },
function (myData) {
var select = $("#activity");
select.empty();
$.each(myData, function (index, itemData) {
select.append($('<option/>', {
value: itemData.Value,
text: itemData.Text
}));
});
});
});
});
$(document).ready(function() {
$("#ProjectID").change();
});
</script>
@using (Html.BeginForm())
{
@Html.ValidationSummary(true)
<fieldset>
<legend>Hour</legend>
<table style="width: 10%;">
<tr>
<td>
<div class="editor-label">
@Html.LabelFor(model=> model.Activity.ProjectID,"Project")
</div>
</td>
<td>
<div class="editor-field">
@Html.DropDownListFor(model => model.Activity.Project.ProjectID, new SelectList(ViewBag.Projects as IEnumerable,"ProjectID","Name"),null, new {id ="ProjectID"})
@Html.ValidationMessageFor(model=> model.Activity.Project.Name)
</div>
</td>
</tr>
<tr>
<td>
<div class="editor-label">
@Html.LabelFor(model=> model.Activity.Name)
</div>
</td>
<td>
<div class="editor-field">
@Html.DropDownListFor(model => model.Activity, new SelectList(Enumerable.Empty<SelectListItem>(),"ActivityID", "Name"),null, new {id = "activity"})
@Html.ValidationMessageFor(model=> model.ActivityID)
</div>
</td>
</tr>
</table>
<br/>
<table style="width: 100%;">
<tr>
<td>
<div class="editor-field">
@Html.Hidden("WeekID", String.Empty)
@Html.ValidationMessageFor(model => model.WeekID)
</div>
</td>
<td>
<div class="editor-label">
@Html.LabelFor(model => model.WeekNumber, "week")
</div>
<div class="editor-field">
@Html.DropDownList("weeknr",(IEnumerable<SelectListItem>)Html.GetWeekNumbers(), new { onchange = "Selectedchange();" })
@Html.Hidden("weeknr", Html.GetWeekNumbers())
@Html.ValidationMessage("weeknr")
</div>
</td>
<td>
<div class="editor-label">
@Html.Label("Maandag")
</div>
<div class="editor-field">
@string.Format(new System.Globalization.CultureInfo("en-US").ToString())
@Html.TextBox("Monday", Model.Monday.ToString(), new{@readonly = "readonly" })
@Html.ValidationMessageFor(model=> model.Monday)
</div>
</td>
<td>
<div class="editor-label">
@Html.Label("Dindsdag")
</div>
<div class="editor-field">
@string.Format(new System.Globalization.CultureInfo("en-US"), "{0:0.##}", Model.Tuesday)
@Html.TextBox("Tuesday", Model.Tuesday.ToString(), new{@readonly = "readonly" })
@Html.ValidationMessageFor(model=> model.Tuesday)
</div>
</td>
<td>
<div class="editor-label">
@Html.Label("woendag")
</div>
<div class="editor-field">
@string.Format(new System.Globalization.CultureInfo("en-US"), "{0:0.##}", Model.Wendsday)
@Html.TextBox("Wendsday", Model.Wendsday.ToString(), new { @readonly = "readonly" })
@Html.ValidationMessageFor(model=> model.Wendsday)
</div>
</td>
<td>
<div class="editor-label">
@Html.Label("donderdag")
</div>
<div class="editor-field">
@string.Format(new System.Globalization.CultureInfo("en-US"), "{0:0.##}", Model.Thursday)
@Html.TextBox("Thursday", Model.Thursday.ToString(), new{@readonly = "readonly" })
@Html.ValidationMessageFor(model=> model.Thursday)
</div>
</td>
<td>
<div class="editor-label">
@Html.Label("vrijdag")
</div>
<div class="editor-field">
@string.Format(new System.Globalization.CultureInfo("en-US"), "{0:0.##}", Model.Fryday)
@Html.TextBox("Fryday", Model.Fryday.ToString(), new{@readonly = "readonly" })
@Html.ValidationMessageFor(model=> model.Fryday)
</div>
</td>
<td>
<div class="editor-label">
@Html.Label("Zaterdag")
</div>
<div class="editor-field">
@string.Format(new System.Globalization.CultureInfo("en-US"), "{0:0.##}", Model.Saterday)
@Html.TextBox("Saterday", Model.Saterday.ToString(), new{@readonly = "readonly" })
@Html.ValidationMessageFor(model=> model.Saterday)
</div>
</td>
<td>
<div class="editor-label">
@Html.Label("zondag")
</div>
<div class="editor-field">
@string.Format(new System.Globalization.CultureInfo("en-US"), "{0:0.##}", Model.Sunday)
@Html.TextBox("Sunday", Model.Sunday.ToString(), new{@readonly = "readonly" })
@Html.ValidationMessageFor(model=> model.Sunday)
</div>
</td>
<td>Totaal:</td>
</tr>
<tr>
<td>
</td>
<td>
Uren:
</td>
<td>
<div class="editor-field">
@Html.EditorFor(model => model.MondayHours)
@Html.ValidationMessageFor(model => model.MondayHours)
</div>
</td>
<td>
<div class="editor-field">
@Html.EditorFor(model => model.TuesdayHours)
@Html.ValidationMessageFor(model => model.TuesdayHours)
</div>
</td>
<td>
<div class="editor-field">
@Html.EditorFor(model => model.WendsdayHours)
@Html.ValidationMessageFor(model => model.WendsdayHours)
</div>
</td>
<td>
<div class="editor-field">
@Html.EditorFor(model => model.ThursdayHours)
@Html.ValidationMessageFor(model => model.ThursdayHours)
</div>
</td>
<td>
<div class="editor-field">
@Html.EditorFor(model => model.FrydayHours)
@Html.ValidationMessageFor(model => model.FrydayHours)
</div>
</td>
<td>
<div class="editor-field">
@Html.EditorFor(model => model.SaterdayHours)
@Html.ValidationMessageFor(model => model.SaterdayHours)
</div>
</td>
<td>
<div class="editor-field">
@Html.EditorFor(model => model.SundayHOurs)
@Html.ValidationMessageFor(model => model.SundayHOurs)
</div>
</td>
<td>
<div class="editor-field">
@Html.TextBox("0.0",Model.HourTotal, new {@readonly = "readonly"} )
@Html.ValidationMessageFor(model => model.HourTotal)
</div>
</td>
</tr>
<tr>
</tr>
</table>
<p>
<input type="submit" value="Save" />
</p>
</fieldset>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
和控制器：
using System;
using System.Collections.Generic;
using System.Data;
using System.Data.Entity;
using System.Globalization;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Security;
using ManyToMany.Models;
namespace ManyToMany.Controllers
{
//[Authorize(Roles = "Administrator")]
public class HourController : Controller
{
private TimeSheetContext db = new TimeSheetContext();
//
// GET: /Hour/
public ActionResult Index()
{
var Hours = db.Hours.Include(a => a.Activity).Include(a => a.Activity.Project);
return View(db.Hours.ToList());
}
[HttpPost]
public ActionResult Index(int year)
{
return new EmptyResult();
}
//
// GET: /Hour/Details/5
public ViewResult Details(int id)
{
Hour hour = db.Hours.Find(id);
return View(hour);
}
//
// GET: /Hour/Create
//Just getting the page from URL.Getting the data(Raw data).
public ActionResult Create()
{
ViewBag.HourID = new SelectList(db.Hours, "HourID", "HourID");
ViewBag.Projects = db.Projects.ToList();
ViewBag.Activities = db.Activities.ToList();
return View(new Hour());
}//end method create
//[HttpPost]
//Restricting an action: u also can write: [httpPost]. But then the second dropdownlist doesent work
//[AcceptVerbs(HttpVerbs.Post)]
[AcceptVerbs( HttpVerbs.Get)]
public JsonResult GetProjectList(string id)
{
var ProjectList = this.GetProjects(Convert.ToInt32(id));
//DropdownList always have to get an text and Value
var myData = ProjectList.Select(p => new SelectListItem
{
Text = p.Name,
Value = p.ActivityID.ToString(CultureInfo.InvariantCulture)
});
//JSonRequestBehavior is an security issur. It is protecting against invalid data.
return Json(myData, JsonRequestBehavior.AllowGet);
}//end method
//This is for the second dropdownlist: the activities. When a project is selected. The Id of the selected project
//correspond with the associated Activities.
private IEnumerable<Activity> GetProjects(int id)
{
//List of activities corresponding with the selected Project
return db.Activities.Where(p => p.ProjectID == id).ToList();
}//end method
//
// POST: /Hour/Create
[HttpPost]
public ActionResult Create(Hour hour)
{
Activity temp = new Activity();
temp = GetProjects(1).FirstOrDefault();
hour.Activity = temp;
hour.ActivityID = temp.ActivityID;
try
{
if (ModelState.IsValid)
{
if (db.Hours != null) db.Hours.Add(hour);
//db.Hours.Add(hour.Monday.Value.ToString("d"));
db.SaveChanges();
//ViewBag.Projects = db.Projects.ToList();
//ViewBag.Activities = db.Activities.ToList();
return RedirectToAction("Index");
}
}
catch (Exception exception)
{
ModelState.AddModelError("", exception);
}//end catch exception.
//Important!! This will mangage that the actuall data will be saved.If u forget this then u only see it in the view!!
ViewBag.Projects = db.Projects.ToList();
ViewBag.Activities = db.Activities.ToList();
return View(hour);
}//end method
//
// GET: /Hour/Edit/5
public ActionResult Edit(int id)
{
Hour hour = db.Hours.Find(id);
ModelState.AddModelError("Name", "What a nice name");
return View(hour);
}//end method
//
// POST: /Hour/Edit/5
[HttpPost]
public ActionResult Edit(Hour hour)
{
if (ModelState.IsValid)
{
db.Entry(hour).State = EntityState.Modified;
db.SaveChanges();
return RedirectToAction("Index");
}
ViewBag.WeekID = new SelectList(db.Weeks, "WeekID", "WeekID", hour.WeekID);
ViewBag.Projects = db.Projects.ToList();
ViewBag.Activities = db.Activities.ToList();
return View(hour);
}//end method
//
// GET: /Hour/Delete/5
public ActionResult Delete(int id, bool? saveChanges)
{
if (saveChanges.GetValueOrDefault())
{
ViewBag.ErrorMessage = "Cant save";
}
Hour hour = db.Hours.Find(id);
return View(hour);
}//end method
//
// POST: /Hour/Delete/5
[HttpPost, ActionName("Delete")]
public ActionResult DeleteConfirmed(int id)
{
Hour hour = db.Hours.Find(id);
db.Hours.Remove(hour);
db.SaveChanges();
return RedirectToAction("Index");
}//end method
protected override void Dispose(bool disposing)
{
db.Dispose();
base.Dispose(disposing);
}//end method
}
}
这是关于Edit method(HttpPost). 你可以选择一个项目和相关的活动。但是提交到数据库是不可能的。因为我收到此错误：
ModelState.IsValid = false.
请问有人可以帮我吗？？