Asp.net mvc 在Asp.net Mvc的部分视图中显示模式

这是我的Index.cshtml页面，用于显示数据表

@model SmartAdmission.Web.Areas.Admin.Models.InstituteViewModel
@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}

<section class="content">
    <div class="row">
        <div class="col-xs-12">
            <div class="box">
                <div class="box-header">
                    <h3 class="box-title">Program Level List</h3>
                </div>

                <div class="box-body">
                    @if (TempData["Message"] != null)
                    {
                        <div class="alert alert-@TempData["alertType"]">
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                            @TempData["Message"]
                        </div>
                    }

                    @*<input type="hidden" id="hiddenProvinceId" />*@

                    <table id="instituteTable" class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>
                                    <button type="button"
                                            class="btn btn-default btn-md" data-toggle="modal"
                                            data-target="#advancedSearchModal"
                                            id="advancedsearch-button">
                                        <span class="glyphicon glyphicon-search"
                                              aria-hidden="true"></span> Advanced Search
                                    </button>                                   

                                </th>
                            </tr>

                            <tr>
                                <th>Institute Name</th>
                                <th>Province</th>
                                <th>Course Name</th>
                                <th>Program Level</th>
                                <th>Tution Fee</th>
                                <th>Ielts</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>

                            @{
                                foreach (var institute in Model.Institutes)
                                {
                                    <tr>
                                        <td>
                                            @Html.DisplayFor(m => institute.InstituteName)
                                        </td>
                                        <td>
                                            @Html.DisplayFor(m => institute.Province.Name)
                                        </td>
                                        @foreach (var discipline in institute.Disciplines)
                                        {
                                            foreach (var course in discipline.Courses)
                                            {
                                                <td>
                                                    @Html.DisplayFor(m => course.CourseName)
                                                </td>
                                                <td>
                                                    @Html.DisplayFor(m => course.ProgramLevel.Name)
                                                </td>
                                                <td>
                                                    @Html.DisplayFor(m => course.TutionFeePerYear)
                                                </td>
                                                <td>
                                                    @Html.DisplayFor(m => course.IeltsMinRequirement)
                                                </td>

                                            }
                                        }

                                        <td>
                                            <a href="@Url.Action("EditInstitute", "Institute" , new { id = institute.Id }, null)" class="btn">
                                                <i class="glyphicon glyphicon-edit"></i>
                                            </a>

                                            <a href="#" class="btn btn-danger" onclick="ConfirmDelete('@institute.Id')"><i class="glyphicon glyphicon-trash"></i></a>

                                        </td>

                                    </tr>
                                }
                            }

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>


<div class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="/Admin/Institute/DeleteInstitute" method="post">
                <div class="modal-header">
                    <h5 class="modal-title">Delete Item</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>Do you want to delete this record?</p>

                    <input type="hidden" id="id" name="id" value="" />

                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-danger">Yes, Delete!</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>


@section scripts
{
    <script>
        $(document).ready(function () {
            $('#instituteTable').DataTable()          
        });  
        $(function () {
            $("#mydialog").dialog({
                modal: true,
                width: "800px",
                autoOpen: false
            });          

        });
        function ConfirmDelete(id) {
            $("#id").val(id);
            $('.modal').modal('show');
        }       

    </script>
}

@model SmartAdmission.Web.Areas.Admin.Models.InstituteViewModel
@{
ViewBag.Title=“Index”；
Layout=“~/Areas/Admin/Views/Shared/_Layout.cshtml”；
}
程序级列表
@if（TempData[“Message”]！=null）
{
&时代；
@TempData[“消息”]
}
@**@
高级搜索
机构名称
省
课程名称
程序级
辅导费
雅思
行动
@{
foreach（模型研究所中的var研究所）
{
@DisplayFor（m=>institute.InstituteName）
@DisplayFor（m=>institute.Province.Name）
@foreach（研究所var学科、学科）
{
foreach（学科的var课程。课程）
{
@DisplayFor（m=>course.CourseName）
@DisplayFor（m=>course.ProgramLevel.Name）
@DisplayFor（m=>course.TutionFeePerYear）
@DisplayFor（m=>course.IeltsMinRequirement）
}
}
}
}
删除项目
&时代；
是否要删除此记录

是的，删除！
取消
@节脚本
{
$（文档）.ready（函数（）{
$（“#instituteTable”）.DataTable（）
});  
$（函数（）{
$（“#mydialog”）.dialog({
莫代尔：是的，
宽度：“800px”，
自动打开：错误
});          
});
函数确认删除（id）{
$（“#id”）.val（id）；
$（'.modal'）.modal（'show'）；
}       
}

这是我的部分观点

@model SmartAdmission.Web.Areas.Admin.Models.AdvanceSearchModel
<div id="advancedSearchModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form action="/Admin/Institute/GetCustomInstitute" method="post">
                <div class="modal-header">
                    <h5 class="modal-title">Advance Search</h5>
                    @*<button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>*@
                </div>
                <div class="modal-body">
                    @Html.TextBoxFor(m=>m.InstituteName)
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-danger">Yes, Delete!</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                </div>
            </form>
        </div>
    </div>
</div>

@model SmartAdmission.Web.Areas.Admin.Models.AdvanceSearchModel
预先搜索
@*
&时代；
*@
@Html.TextBoxFor（m=>m.InstituteName）
是的，删除！
取消

---

我尝试过在按钮单击时调用ajax，并将url引用到返回部分视图的操作，但这对我不起作用。

您使用的是引导，不是吗？是引导程序的组件，即客户端框架。因此，模式状态（可见或隐藏）由客户端上的引导控制。只需使用

Html.partial

helper方法将部分视图添加到index.cshtml，然后在单击按钮时使用标记切换模式。是的，我使用引导。我一开始就试过你说的，但当你使用Html时，它总是以静态的方式显示，就像其他Html一样。你说“它对我不起作用”是什么意思？您是否遇到了错误，或者希望其他人编写代码？我建议您注意，不要使用AJAX。