1.使用AJAX.BeginForm辅助方法

1)在需要点击出现模态框的元素上添加两个属性

data-bs-toggle="modal" data-bs-target="#myModal1"

注意:data-bs-target 里面的id必须和占位符元素id一致

@using (Ajax.BeginForm("_BoardModal", "TeacherAndStudent", new AjaxOptions
              UpdateTargetId = "myModal1",//需要更新的模态框占位元素ID
              InsertionMode = InsertionMode.Replace,
              HttpMethod = "get"
           foreach (var item in Model.Item2)
            <div class="col-md-5 personGroup-item" data-bs-toggle="modal" data-bs-target="#myModal1"

2.添加占位元素

 <div class="modal fade1" id="myModal1"></div>

3.创建分部视图(模态框内容) 

@model IEnumerable<LoveManagementWeb.Models.Student>
<div class="modal-dialog modal-lg ">
    <div class="modal-content" style="width: 850px;margin: 0 auto;">
        <!-- 模态框头部 -->
        <div class="modal-header">
            <h4 class="modal-title">重点标注</h4>
            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
        <!-- 模态框内容 -->
        <div class="modal-body" style="height: 481px; width: 800px;margin: 0 auto;">
                <table class="table table-striped">
                        <th>班级</th>
                        <th>姓名</th>
                        <th>学号</th>
                        <th>性别</th>
                        <th>民族</th>
                        <th>关注标签</th>
                        <th>综合表现</th>
                    if (Model.Count() == 0)
                        <tr style="background-color: #fff;border:#fff">
                            <td></td>
                            <td></td>
                            <td></td>
                            <td style="font-size:16px;text-align:right">暂无数据</td>
                        foreach (var item in Model)
                                <td>@ViewBag.className</td>
                                <td>@item.StuName</td>
                                <td>@item.StuNumber</td>
                                <td>@item.StuSex</td>
                                <td>@item.NativePlace</td>
                                <td>...</td>
                                <td>...</td>
                </table>
        <!-- 模态框底部 -->
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-bs-dismiss="modal" style="background-color: white;color: dimgray;border: 1px solid darkgray;">关闭</button>

4.控制器部分

public ActionResult _BoardModal() //查询学生信息 var stuList = db.Student.ToList(); return PartialView(stuList);
最近做一个从Access项目向 Asp.net + SqlServer迁移工作,其中遇到了这种情况,在Access窗体的一个按钮事件中,代码大体上是这么个功能:弹出模态对话框,在关闭对话框之后继续走一段数据库操作代码。 在Asp.net里弹出模态对话框容易,但是在模态对话框关闭之后还要继续执行服务器代码,这就要求当对话框关闭之后页面要立即提交。于是有了以下的解决方法。 在Web Form中拖入服务器端按钮,并假设此按钮ID为 btnComput,在隐藏页面的 Page_Load 中用代码中这样写: btnComput.Attributes(“onclick”) = ” window.showM
BZ这篇博客主要是为大家介绍一下MVC如何弹出模态框。本文如果有什么不对的地方,希望大神们多多指教,也希望和我一样的小菜多多学习。BZ在这里谢过各位。 首先要在页面加上一个点击事件: @Html.ActionLink("预览","",null, new { onclick = "dianji('" + item.TypeCode + "')" }); 接下来我们需要写一段JS: ...
1 javascript 语法: var returnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) 非模态窗体: vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures]...
在这里我给大家介绍或者说是展示一下我自己的做的两种模态对话框方法一 本方法是采用ASP.NET AJAX的扩展控件:ASP.NET AJAX Control Tool Kit中的ModalPopupExtender控件实现的: 第一步,我们先创建一个ASP.NET页面:ModalPopup.aspx 页面代码: 代码如下: <%@ Page Language=”C#” AutoEventWireup=”true” CodeFile=”AjaxControlToolkit.aspx.cs” Inherits=”_Default” %> <%@ Register Assembly=”AjaxCo
MVC 的新增是 Model 实体.表.Add(新增表的数据) 首先设置模态框 再是获取它打开模态框的按钮,因为新增和修改用的是同一个模态框,为把它们区分开,所以给它们设置 然后是它的确定按钮点击事件 再获取参数 然后验证数据,再把验证过关的数据传送到后台控制器 然后就是在控制器当中接收传过来的数据(参数),InsertAirport 是控制器的方法名称,后面括号的内容 就是放的就是传过来的的数据(参数)。ReturnJson msg = new ReturnJson ()只是我用来记录新增的
最近发现使用MVC使用bootstrip的模态框时弹不出来,但单独建立一HTML文件时可以弹出,说明代码没有问题,经过多次测试发现,在MVC的cshtml文件中添加上以下语句就能正常 Layout=null; 虽然不知道为什么会这样,至少问题解决了。 ----------- 今天终于明白了为什么有时候在单独的HTML制作的jQuery效果可以,放在MVC中...
最后再判断完成后 用return 返回var 声明的 dialog 分号结束;就算判断完成 +=后面的单引号’ ’里面的内容你可以自己填自己要加进去的内容 通常再声明操作按钮的时候 先获取这一行的数据ID RowData代表这一行的数据 声明一个量bookID 把rowData
ASP.NET MVC5 中使用 Bootstrap 5 模态框来显示视图中的内容,可以按照以下步骤进行: 1. 在项目中添加 Bootstrap 5 的 CSS 和 JS 文件。 2. 在视图文件中添加模态框的 HTML 代码,代码示例如下: ```html <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Modal title</h4> <div class="modal-body"> <!--在这里插入视图内容--> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> 3. 在视图中添加打开模态框的按钮,代码示例如下: ```html <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal"> 打开模态框 </button> 4. 在控制器中返回视图,代码示例如下: ```csharp public ActionResult Index() return View(); 这样就可以在 ASP.NET MVC5 中使用 Bootstrap 5 模态框来显示视图中的内容了。需要注意的是,在模态框中插入视图内容时,可以使用 `@Html.Partial("视图名称")` 或 `@Html.Action("操作名称")` 等方式来加载视图或操作的内容。
CSDN-Ada助手: 非常感谢您分享“ASP.NET Web API + Vue”这篇博客,这是一个非常具有实用价值的技术组合,希望您能在此基础上继续深入探索,分享更多的技术内容。我认为,下一篇博客可以考虑写一篇关于“ASP.NET Web API + React”或“Vue + Node.js” 的文章,这些技术的结合也非常值得探究和分享。期待您的精彩分享! 为了方便博主创作,提高生产力,CSDN上线了AI写作助手功能,就在创作编辑器右侧哦~(https://mp.csdn.net/edit?utm_source=blog_comment_recall )诚邀您来加入测评,到此(https://activity.csdn.net/creatActivity?id=10450&utm_source=blog_comment_recall)发布测评文章即可获得「话题勋章」,同时还有机会拿定制奖牌。