ASP.NET Core Razor Page 传递 ID 给模态框
创始人
2024-09-15 10:30:24
0

要将ID传递给模态框,可以使用JavaScript和Razor Page的结合来实现。

首先,在Razor Page中,将ID传递给JavaScript函数。假设你有一个列表,每个列表项都有一个按钮,点击按钮时会触发模态框,同时传递该项的ID。在列表项的按钮上添加一个data属性来存储ID,如下所示:

@foreach (var item in Model.Items)
{
    
@item.Name
}

然后,在JavaScript函数中,捕获并使用该ID。在JavaScript中,可以使用Bootstrap的模态框插件来显示和隐藏模态框。首先,需要将模态框的ID设置为固定值(例如,myModal),以便在JavaScript函数中使用该ID:


接下来,在JavaScript函数中,可以使用传递的ID来定位模态框,并显示它:

function openModal(id) {
    var modal = document.getElementById('myModal');
    // 根据ID执行其他操作,例如从服务器加载更多数据或更新模态框内容
    // ...
    // 显示模态框
    $(modal).modal('show');
}

现在,当点击列表项的按钮时,模态框将显示,并且可以在JavaScript函数中使用传递的ID来执行其他操作。

请注意,上述代码示例中使用了Bootstrap和jQuery,因此需要在页面中引入相应的库文件。如果你没有使用这些库,你可以根据自己的需求进行相应的修改。

相关内容

热门资讯

两个代打!wpk代理合作(德州... 两个代打!wpk代理合作(德州职业代打)其实真的有挂(今日头条)-哔哩哔哩是一款可以让一直输的玩家,...
第3玄学!中至九江讨赏有什么规... 1、第3玄学!中至九江讨赏有什么规律吗(辅助挂)太坑了其实真的有挂(有挂助手)-哔哩哔哩;详细教程。...
8个渠道!德扑之星ai代打(开... 8个渠道!德扑之星ai代打(开房间教程)软件透明挂(有挂细节)-哔哩哔哩,支持语音通讯、好友开房及战...
第9猫腻(WepoKe)外挂透... WepoKe新手教程相关信息汇总(需添加指定薇757446909获取下载链接);第9猫腻(WepoK...
五个自建房!wopoker分析... 您好,poker这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款游...
四口控制(鱼扑克发牌规律)外挂... 鱼扑克发牌规律新手教程相关信息汇总(需添加指定薇757446909获取下载链接);四口控制(鱼扑克发...
第9个ai辅助!德扑之星数据解... 第9个ai辅助!德扑之星数据解析(德州ai人工智能)透视辅助(有挂猫腻)-哔哩哔哩;(需添加指定薇1...
第七代打ai!边锋斗地主好友约... 第七代打ai!边锋斗地主好友约局的挂怎么买(辅助挂)太坑了原来真的有挂(有挂详情)-哔哩哔哩;一、边...
十个ai插件!wpk辅助器是真... 【福星临门,好运相随】;十个ai插件!wpk辅助器是真是假(大厅是不是机器人)原来真的有挂(果真有挂...
第七识别(扑克时间后台数据)外... 第七识别(扑克时间后台数据)外挂透明挂辅助器(辅助挂)插件教程(有挂教学)-哔哩哔哩;wpk透视辅助...