动态呈现和发布ASP.NET MVC 2中的表单元素 [英] dynamically rendering and posting form elements in ASP.NET MVC 2

问题描述

我必须动态呈现一组表单元素(基于在其他表单元素中选择的值)，然后将其值发布回控制器.我有一个针对酒店行业的搜索表，其中捕获了与酒店相关的搜索参数，例如客房数，成人数，儿童数，儿童年龄等.

I have to render a set of form elements dynamically (based on value selected in some other form element) and post their values back to controller. I have a search form for Hotel Industry which captures hotel related search parameters such as No of Rooms, No of Adults, No of Children, Ages of Children etc.

基于为房间数"下拉菜单中选择的值，我必须渲染/显示表单元素以捕获成人数，儿童数和儿童数.每个房间的儿童年龄.从我的视图到控制器，如何动态呈现和携带上述表单元素(每个房间的成人数"，儿童数"和儿童年龄"字段的数字)的更好方法是什么?

Based on the value selected for "No of Rooms" dropdown, I have to render/show form elements to capture No of Adults, No of Children & Ages of Children FOR EACH ROOM. What would be a better way to dynamically render and carry values for above form elements (No of Adults, No of Children & Ages of Children fields FOR EACH ROOM) from my View to Controller?

我的查看模型"看起来像这样:

My VIEW MODEL looks something like this:

public class HotelSearchView
{
    public DateTime CheckInDate { get; set; }
    public DateTime CheckOutDate { get; set; }
    public string DestinationCity { get; set; }

    public List<GuestView> Guests { get; set; }

    // Other fields...
}

public class GuestView
    {
        public string RoomNumber { get; set; }
        public string GuestType { get; set; } // Adult, Child etc.
        public string GuestAge { get; set; } // Will contain a value ONLY for GuestType:Child
    }

推荐答案

使用JavaScript将选定房间数的新输入元素插入DOM.每组输入应具有正确的名称，以便正确绑定到视图模型中的列表:

Use JavaScript to insert new input elements into your DOM for the number of rooms selected. Each set of inputs should have the right name so that it get bound to the list in your view model correctly:

<input type="text" name="Guests[0].RoomNumber" />
<input type="text" name="Guests[0].GuestType" />
<input type="text" name="Guests[0].GuestAge" />

<input type="text" name="Guests[1].RoomNumber" />
<input type="text" name="Guests[1].GuestType" />
<input type="text" name="Guests[1].GuestAge" />

etc....

这篇关于动态呈现和发布ASP.NET MVC 2中的表单元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！