ASP .NET MVC динамически создаваемые поля не привязаны к FormCollection - PullRequest
Новая
       42

ASP .NET MVC динамически создаваемые поля не привязаны к FormCollection

0 голосов
/ 20 марта 2019

Я создал вид Partial Razor с динамически создаваемыми полями: 

for (int i = 0 ; i < atr.Count; i++)
{
    <div class="col-md-12 panel panel-default sx-box-shadow-on-hover">
        <div class="panel-heading">
            <h2 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#@string.Format("{0}{1}", "collapse", @atr[i].Id)" aria-expanded="true">
                    @atr[i].Label
                    <span class="caret"></span>
                </a>
            </h2>
        </div>
        <div id=@string.Format("{0}{1}", "collapse", @atr[i].Id) class="col-md-12 panel-collapse collapse" aria-expanded="true">
            <form>
                <div class="form-group">
                    @switch (atr[i].AtrType)
                    {
                        case "TXT":
                        case "NUM":
                            <input id=@atr[i].Id class="form-control margin5" name=@atr[i].Name type="text" />
                            break;
                        case "CHB":
                            <input class="form-control margin5" name=@atr[i].Name type="checkbox" />
                            break;
                        case "DTP":
                            @(Html.Kendo().DatePicker()
                                                .Name(@atr[i].Name)
                                                .Value(DateTime.Now)
                                                .HtmlAttributes(new { style = "margin-top: 5px; width:100% !important", title = @atr[i].Name })
                            )
                            break;
                        case "WTXT":
                            <textarea name=@atr[i].Name , rows="3"></textarea>
                            break;
                    }
                </div>
            </form>
        </div>
    </div>
}

Частичный вид помещается в другой вид со статическими полями и кнопкой. Когда я выполняю действие POST с помощью кнопки, в FormCollection у меня есть только значения из статических полей. Я не могу привязать это поле к модели, потому что пользователь может добавить или удалить их в любой момент. Каждое динамическое поле, созданное в частичном представлении, имеет свой собственный идентификатор и имя. Что мне здесь не хватает?

Сообщение Действия: 

[HttpPost]
[Authorize]
public ActionResult Search(FormCollection form)
{
    //
}

Страница главной бритвы: 

@using (Html.BeginForm("Search", "Home", FormMethod.Post))
{
    <div class="col-md-12 panel panel-default sx-box-shadow-on-hover">
        <div class="panel-heading">
            <h2 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#searchCollapse" aria-expanded="true">
                    Search options
                    <span class="caret"></span>
                </a>
            </h2>
        </div>
        <div id="searchCollapse" class="col-md-12 panel-collapse collapse in" aria-expanded="true">
            <div class="form-group">
                <label class="col-md-12 fontBold margin5">Document type:</label>
                @(Html.Kendo().DropDownList()
                    .Name("DocumentTypesDropDownList")
                    .DataTextField("Name")
                    .DataValueField("Id")
                    .DataSource(source =>
                    {
                        source.Read(read =>
                        {
                            read.Action("GetDocTypes", "Home");
                        });
                    })
                    .Events(e =>
                    {
                        e.Change("docTypeOnChange");
                    })
                    .HtmlAttributes(new { style = "margin-top: 5px; width:100% !important", title = "DocumentTypesDropDownList" })
                )
                <button id="SearchButton" class="btn btn-primary form-control margin5">Search</button>
                <div id="searchPanelDiv">
                    @{
                        Html.RenderPartial("SearchPanel");
                    }
                </div>
            </div>
        </div>
    </div>
}

Тело запроса выглядит так: 

DocumentTypesDropDownList=1&Identificator=1234

Параметры из динамических полей отсутствуют.

Ответы [ 2 ]

1 голос
/ 20 марта 2019

Я думаю, что если вы поместите это: 

[HttpPost]
[Authorize]
public ActionResult Search(FormCollection form)
{
    var fields = new List<(string, string)>();
    foreach (var item in Request.Form)
    {
        fields.Add((item.Key, item.Value));
    }
    // do some other stuff
}

в свой контроллер, вы сможете прочитать все поля, расположенные в запросе вашего тела, независимо от того, были ли они добавлены динамически или нет.

0 голосов
/ 20 марта 2019

Вложенные формы не поддерживаются в HTML.

Если вы удалите теги <form> и </form> из частичного представления, вы сможете захватывать динамические входные данные из FormCollection, созданного на главной странице с помощью @using (Html.BeginForm.

...