动态视图MVC4中的下拉菜单

Question

We are using dynamic views to display and edit the records.

Say I have a model A:

public class A
{
    public int AID { get; set; }
    public string FirstName { get; set; }
    public string LastName { get; set; }
    public int organizationid { get; set; }
}

And class B:

public class B
{
    public int organizationid { get; set; }
    public string orgnmae { get; set; }
    public string orgdesc { get; set; }
}

here organizationid of table B is foreign key in table A.

Now I have dynamic editor view,

@model dynamic
@using (Html.BeginForm("Edit", null,  FormMethod.Post))
 {
   @Html.EditorForModel()

 <input type="submit" value="Edit" />
}

If we choose to edit any A's record, it will display this editor view with all text boxes. But for organizationid I should not show integer value in it. Instead I should show a dropdown with available organizations of table B and user can choose one of them to edit.

How can I handle this? I read Darin's answers here ; that's a good suggestion, but in my case the dropdown items should be part of another model.

Answer 1

If I was tackling this problem in a way you are suggesting, then I would make a change to A. If you aren't going to use a viewmodel, then you will need to extend it's properties.

public class A
{

    [ScaffoldColumn(false)]
    public int OrganizationId { get; set; }


    [Display(Name="OrganizationId")]
    [UIHint("DropDownList")]
    public IEnumerable<SelectListItem> Organizations { get; set; }
}

You notice that I have overridden the name field of the Organizations so that the value is fed back into model binding as OrganizationId. When you build this model, you are going to have create the orgranizations property as a list or array of selectlistitems from the organisation instances that are relevant.

I have also set the original organizationid to not be scaffolded so hopefully that will stop it participating in the render process.

You will of course need to make the template DropDownList in your editortemplates.

HTH

Answer 2

I'm not too sure if I understand your question correctly. I never use EditorFor , I just add the fields directly from the view model. It gives me more control. From what I can gather it seems like you want to edit class A and have class B in a drop down list?

This is how I will define class A and class B given the names of your properties, please excuse if I am mistaken. class A is class User and class B is class Organization . You need to give your properties better descriptions so that people can read them better.

public class User
{
     public int UserId { get; set; }

     public string FirstName { get; set; }

     public string LastName { get; set; }

     public int OrganizationId { get; set; }
}

public class Organization
{
     public int OrganizationId { get; set; }

     public string OrganizationName { get; set; }

     public string OrganizationDescription { get; set; }
}

You need to have a view model to represent your data on your view.

public class EditUserViewModel
{
     public int UserId { get; set; }

     public string FirstName { get; set; }

     public string LastName { get; set; }

     public int OrganizationId { get; set; }

     public IEnumerable<Organization> Organizations { get; set; }
}

public ActionResult Edit(int id)
{
     // Get the user by id
     User user = userRepository.GetById(id);

     // You can use a mapping tool here to map from domain model to view model.
     // I did it differently for the sake of simplicity

     EditAViewModel viewModel = new EditAViewModel
     {
          UserId = user.UserId,
          FirstName = user.FirstName,
          LastName = user.LastName,
          OrganizationId = user.OrganizationId,
          Organizations = organizationRepository.GetAll()
     };

     // Return the populated view model to the view    
     return View(viewModel);
}

[HttpPost]
public ActionResult Edit(EditAViewModel viewModel)
{
     if (!ModelState.IsValid)
     {
          viewModel.Organizations = organizationRepository.GetAll();

          return View(viewModel);
     }

     // If validation succeeds do what ever you have to do here, like edit in database
}

And this is how your view will look like.

@model YourProject.ViewModels.Users.EditUserViewModel

@using (Html.BeginForm())
{
     <table>
          <tr>
               <td class="edit-label">First Name:</td>
               <td>
                    @Html.TextBoxFor(x => x.FirstName)
                    @Html.ValidationMessageFor(x => x.FirstName)
               </td>
          </tr>
          <tr>
               <td class="edit-label">Last Name:</td>
               <td>
                    @Html.TextBoxFor(x => x.LastName)
                    @Html.ValidationMessageFor(x => x.LastName)
               </td>
          </tr>
          <tr>
               <td class="edit-label">Organization:</td>
               <td>
                    @Html.DropDownListFor(
                         x => x.OrganizationId,
                         new SelectList(Model.Organizations, "OrganizationId", "OrganizationName", Model.OrganizationId),
                         "-- Select --"
                    )
                    @Html.ValidationMessageFor(x => x.OrganizationId)
               </td>
          </tr>
     </table>

     <button id="SaveButton" type="submit">Save</button>
}

This is how I do it. You can modify the code to fit in with your scenario.

I hope this helps.

Answer 3

Hi Try like this

Model

  public class CustomerModel
    {
        public int CustomerId { get; set; }

        public string customerName { get; set; }
}

View

@model dynamic
@{
    Layout = null;
}

 @Html.DropDownList("CustomerId", (SelectList) ViewBag.CustomerNameID,"--Select--")

Contrller

[HttpGet]
        public ActionResult CustomerInfo()
        {

            var List = GetCustomerName();
            ViewBag.CustomerNameID = new SelectList(List, "CustomerId", "customerName");
            return View();
        }