Anaya Upadhyay Ответов: 1

Передача данных из частичного представления в родительское представление


Я хочу передать значения из partialView (открытого как модальный диалог) в текстовое поле в Родительском представлении.

Частичное Представление

@model IEnumerable<Models.MembersList>
<div id="membersModal">
    <h4>Members List</h4>

    <table class="table table-responsive dataTable">
        <thead>
            <tr>
                <th></th>
                <th>Saving Ac No</th>
                <th>Member Name</th>
                <th>Saving Product</th>
            </tr>
        </thead>
        <tbody>
            @foreach (var item in Model)
            {
                <tr>
                    <td><a id="select" href="#" onclick="closeModal();">Select</a></td>
                    <td>@item.saving_account_no</td>
                    <td>@item.memberName</td>
                    <td>@item.product_name</td>
                </tr>
            }
        </tbody>

    </table>
</div>
<script type="text/javascript" src="~/Resource/js/jquery-ui.min.js"></script>
<script type="text/javascript">
    function closeModal() {
        $("#membersModal").hide();
    }

    $(".dataTable").DataTable();
</script>


Вышеприведенное частичное представление называется всплывающим окном в Родительском представлении.

@Html.TextBoxFor(x => x.memberName, new { @class = "form-control medium", @id = "memberName", style="width:80%" })

<div style="background-color: white; padding: 20px; margin: 0 auto" id="members"></div>

<script type="text/javascript">
    var _dialog;
    $('#memberName').focusin(function () {
        _dialog = $("#members").dialog({
            autoOpen: true,
            position: { my: "center", at: "top+100", of: window },
            width: 800,
            resizable: false,
            modal: true,
            open: function () {
                $(this).load('@Url.Action("_GetMemberList","MyController")');
            },
            close: function () {
                closeModal("#members");
            }
        });
    })


Теперь, когда partialView отображается как диалоговое окно, мне нужно выбрать одно из значений из диалогового окна close the modal [модал не закрывается] и отобразить его в текстовом поле "memberName".

Помощь нужна как можно скорее.
Спасибо.

Что я уже пробовал:

Я не знаю, как этого добиться.

F-ES Sitecore

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

1 Ответов

Рейтинг:
1

RaunakGupta

Текстовое поле ParentView

Модальное всплывающее окно ChildView с выпадающим списком

При изменении события выпадающего списка или закрытии события модального всплывающего окна вы можете установить значение текстового поля родительской страницы с помощью javascript.