Re: Bootstrap Модальные

Question

Я создал модал Bootstrap из моего "Заголовка" (Мистер, Миссис, Мисс, Доктор) Создать страницу в моем приложении ASP. NET MVC, и он прекрасно работает. Вот код.

@model LMK_HR.Models.Title

@{
    ViewBag.Title = "Create";
}

@*Create Edit Modal for Title*@
<script src="~/Scripts/jquery-3.4.1.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />

@*Modal Button*@
<a href="#" class="btn btn-warning" data-toggle="modal" data-target="#TitleModal">Open Modal</a>
@*<button type="button" class="btn btn-warning" data-toggle="modal" data-target="#TitleModal">Open Modal</button>*@

@*Create Modal*@
<div class="modal fade" id="TitleModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <a href="#" class="close" data-dismiss="modal">&times;</a> @*To show x in top right corner of Modal*@
                <h3 class="modal-title">Add New Employee Title</h3>
            </div>
            <div class="modal-body">
                @using (Html.BeginForm())
                {
                    @Html.AntiForgeryToken()

                    <div class="form-horizontal">
                        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                        <div class="form-group">
                            @Html.LabelFor(model => model.EmpTitle, htmlAttributes: new { @class = "control-label col-md-2" })
                            <div class="col-md-10">
                                @Html.EditorFor(model => model.EmpTitle, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(model => model.EmpTitle, "", new { @class = "text-danger" })
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-offset-2 col-md-10">
                                <a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
                                &nbsp; &nbsp;
                                <input type="submit" value="Create" class="btn btn-success" />
                            </div>
                        </div>
                    </div>
                }

            </div>
            @*<div class="modal-footer">
                <a href="#" class="btn btn-default" data-dismiss="modal">Cancel</a>
                <input type="submit" value="Create" class="btn btn-success" />
            </div>*@
        </div>
    </div>
</div>



@*END Edit Modal for Title*@

<h2>Create Title</h2>


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        <h4>Title</h4>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.EmpTitle, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.EmpTitle, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.EmpTitle, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-success" />
            </div>
        </div>
    </div>
}

<div>
    @Html.ActionLink("Back to List", "Index")
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

Моя проблема заключается в том, что я хочу добавить кнопку или гиперссылку под текстовым полем «Заголовок» на моей странице создания «Сотрудника», которая откроет модальное окно и позволит пользователю добавить новый заголовок сотрудника.

Как добавить кнопку или гиперссылку под текстовым полем «Заголовок» на моей странице создания «Сотрудник», которая откроет модальное окно для добавления пользователями новых заголовков сотрудников ?

Заранее благодарим.

С уважением, Кайл