下面是一个示例代码,演示了如何在ASP.NET MVC中使用弹出式模态框从表行读取数据。
首先,在视图页面中添加一个按钮,用于触发模态框的显示:
然后,在JavaScript文件中,使用jQuery来处理模态框的显示和数据读取:
$(document).ready(function() {
// 按钮点击事件
$("#btnOpenModal").click(function() {
// 清空表单控件
$("#txtName").val("");
$("#txtAge").val("");
// 显示模态框
$("#myModal").modal("show");
});
// 保存按钮点击事件
$("#btnSave").click(function() {
// 从表单中获取数据
var name = $("#txtName").val();
var age = $("#txtAge").val();
// 在控制台输出数据
console.log("名称: " + name);
console.log("年龄: " + age);
// 关闭模态框
$("#myModal").modal("hide");
});
});
通过以上代码,当用户点击按钮时,模态框会显示出来。用户可以输入名称和年龄,并点击保存按钮。保存按钮的点击事件会将输入的数据读取出来,并在控制台输出。
请注意,以上代码使用了Bootstrap来创建模态框,并使用了jQuery来处理模态框的显示和数据读取。你需要确保在项目中引入了这些库。