MVC 5 Razor View - загрузка частичных представлений в foreach l oop с необходимостью установки переключателя отображения / скрытия для каждого частичного - PullRequest
Новая
       45

MVC 5 Razor View - загрузка частичных представлений в foreach l oop с необходимостью установки переключателя отображения / скрытия для каждого частичного

0 голосов
/ 16 июня 2020

Добавлен раздел: Простая версия: я использую PersonView. В нем есть раскрывающееся меню, в котором указано, сколько у вас телефонных номеров: ___ Параметры раскрывающегося списка: 1 = 5.

Пользователь выбирает 3.

Пункт 1: мне нужно добавить 3 частичных представления к этому представлению, которое я использую из foreach l oop.

Проблема 1: частичные представления добавляемые имеют скрытый div, который подключен к функции отображения / скрытия.

Как можно добавить представления после выбора и имени элемента, чтобы скрыть / показать будет знать, какой из них включен.

Подробности:

Мне нужно загрузить частичные представления в foreach l oop, и я не уверен, как динамически установить содержимое частичного, поэтому показать / скрыть jquery можно установите для каждого элемента по мере необходимости.

Проблема: в частичном представлении есть div с идентификатором, в котором функция jquery настроена на скрытие / отображение на основе выбора переключателя.

Пример работы пример с 1 частичным к 1 jquery: (Все работает нормально) 

<div>
<div class="row">
    <div class="form-group col-xs-8 col-md-8">
        @Html.LabelFor(l => l.HasPhone)
        <label> @Html.RadioButtonFor(r => r.HasPhone, true, new { @class = "ui-controlgroup-item", id = "yeshasphone" }) Yes</label>
        <label> @Html.RadioButtonFor(r => r.HasPhone, false, new { @class = "ui-controlgroup-item", id = "nohasphone" }) No</label>
    </div>
</div>
<div class="collapse panel-default" id="hasphonedata">
</div>

Здесь есть переключатель JQuery Hide / Show, установленный для него следующим образом: 

$(document).ready(function () {
$('input:radio[name="HasPhone"]').click(function () {
    var value = $("#yeshasphone").is(':checked');
    if (value) {
        $("#hasphonedata").show();
    } else {
        $("#hasphonedata").hide();
    }
});

Как я могу загрузить частичные представления из al oop таким образом, чтобы этот элемент был установлен на конкретное имя c, которое я могу подключить к переключателю jquery:

Мой L oop для загрузки из foreach: 

@{
    foreach (PersonViewModel person in Model)
    {
        @Html.Partial("/Edit/_IndividualEdit", child)       
        <div class="hidden-display" id="@person.HasPhone">
            @Html.Partial("/Edit/_AliasPersonEdit", child)
        </div>
    }
}

Вопрос это: Как я могу загрузить 3 частичных представления, в которых скрытый div установлен на jquery show hide function, и назвать эти 3 частичных элемента, чтобы все они имели разные имена, соответствующие новой функции jquery, чтобы работать для них 3 функции?

...