mvc как подать viewmodel?

Question

В настоящее время я хочу, чтобы пользователь обновил список данных и смог отправить его обратно. Данные, которые пользователь обновляет, аналогичны данным, на данный момент это несколько текстовых полей. Они обновляют информацию и отправляют ее обратно.

В настоящее время я создал следующий ViewModel

public class Name 
{ 
    public int Id { get; set; } 
    public string FullName { get; set; } 
} 

Это будет хранить данные. Так от контроллера я насмешливый данные в момент

public ActionResult Index() 
{ 

    var listOfNames = new List<Name>(); 

    var name1 = new Name(); 
    name1.Id = 1; 
    name1.FullName = "Test Name1"; 

    var name2 = new Name(); 
    name2.Id = 2; 
    name2.FullName = "Test Name2"; 

    var name3 = new Name(); 
    name3.Id = 3; 
    name3.FullName = "Test Name3"; 

    var name4 = new Name(); 
    name4.Id = 4; 
    name4.FullName = "Test Name4"; 

    listOfNames.Add(name1); 
    listOfNames.Add(name2); 
    listOfNames.Add(name3); 
    listOfNames.Add(name4); 

    return View(listOfNames); 
} 

Тогда вид выглядит следующим образом,

@model IEnumerable<MvcApplication1.Models.Name> 
@using (Html.BeginForm()) 
{ 
    foreach (var item in Model) 
    { 
     @Html.TextBox("namevalues", item.FullName, new { id = "name" + item.Id, data_id = item.Id}) 
    <br /> 
    } 

    <input type="submit" /> 
} 

, когда пользователь отправляет данные, которые я хотел бы иметь ViewModel обратно населенную, так что я должен быть в состоянии сделать следующее

[HttpPost] 
public ActionResult Index(IEnumerable<Name> names) 
{ 

    return View("index", names); 
} 

мне нужно использовать JavaScript на самом деле собирать информацию вместе ли затем передать это? или есть какая-то магия MVC, о которой я не знаю?

Answer 1

Нет вас не нужно JavaScript. Вы можете использовать модель представления, которую вы можете привязать к своему представлению. Мне не нравится передавать модели домена в представление, я предпочитаю модель представления, которая значительно уменьшена в отношении данных. Это может нравится:

public class NameListViewModel 
{ 
    public List<Name> Names { get; set; } 
} 

Теперь вам нужно заполнить список имен в контроллере, как это:

public ActionResult Index() 
{ 
    NameListViewModel viewModel = new NameListViewModel(); 
    viewModel.Names = new List<Name>(); 
    viewModel.Names.Add(new Name { Id = 1, FullName = "Test Name1" }); 
    viewModel.Names.Add(new Name { Id = 2, FullName = "Test Name2" }); 
    viewModel.Names.Add(new Name { Id = 3, FullName = "Test Name3" }); 
    viewModel.Names.Add(new Name { Id = 4, FullName = "Test Name4" }); 

    return View(viewModel); 
} 

[HttpPost] 
public ActionResult Index(NameListViewModel viewModel) 
{ 
    // All the values should still be in viewModel 
    // Do whatever you need to do 
} 

И тогда на ваш взгляд, вы можете использовать массив текстовых полей, как это:

@model YourProject.ViewModels.Names.NameListViewModel 

@for (int i = 0; i < Model.Names.Count(); i++) 
{ 
    <div> 
      @Html.TextBoxFor(x => x.Names[i].FullName) 
      @Html.HiddenFor(x => x.Names[i].FullName) 
    </div> 
} 

Попробуйте и посмотрите, не работает ли он. Измените код, чтобы он соответствовал вашему сценарию, и сделайте все, что вам нужно.

Надеюсь, это поможет.

Answer 2

Если вы используете @Html.EditorFor(x => x.FullName), свойство будет привязано к текстовому полю. Теперь это всего лишь текстовое поле с контентом.

Answer 3

В вашем HTML должен быть массив текстовых полей.

Взгляните на это некоторую информацию о том, как это сделать в MVC: http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/

Answer 4

попробуйте использовать

@Html.TextBoxFor(m => item.FullName, new { id = "name" + item.Id, data_id = item.Id });

вместо

@Html.TextBox("namevalues", item.FullName, new { id = "name" + item.Id, data_id = item.Id})