一.模态框的正常点击出现，如添加功能
rush:js;">
stemAdd">添加
stemAdd" role="dialog">
dismiss="modal"
aria-hidden="true">×
添加
二.还有一种就是编辑，此时在弹出模态框时，里面要写入数据，所以要先取得数据再弹出模态框。这时要加入js代码控制
1.jsp页面
rush:js;">
stemUser()">修改stemUpp" role="dialog">
dismiss="modal"
aria-hidden="true">×
修改
stem/updateUser.xht" method="post"
id="modifyForm">
用户ID 用户ID">
用户名 用户名">
2.js代码
rush:js;">
/**
* 修改用户(将用户信息写入模态框)
*/
function updateSystemUser() {
var tempInput = new input();
tempInput.userId = $('input[name="userId"]:checked').val();
if (tempInput.userId == null) {
alert("请选择一条数据来修改");
} else {
var params = JSON2.stringify(tempInput);
var url = "/emailplatform/system/selectOneUser.xht";
ajaxJson(url,true,params,function(reObject) {
// 开启模态框
var dialog = $('#systemUpp').modal({
backdrop : 'static',keyboard : false
});
dialog.modal('show');
if (reObject) {
$("#no1").val(reObject.data.no);
$("#userId1").val(reObject.data.userId);
$("#userName1").val(reObject.data.userName);
$("#userPwd1").val(reObject.data.userPwd);
$("#systemCode1").val(reObject.data.systemCode);
$("#superFlg1").val(reObject.data.superFlg);
$("#delFlg1").val(reObject.data.delFlg);
$("#createTime1").val(reObject.data.createTime);
}
});
}
}
以上所述是小编给大家介绍的Bootstrap模态框案例解析，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
Bootstrip HTML 查询搜索常用格式模版 <form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列，你可以使用 Bootstrap 的网格系统将它...
是的，可以将status设置为布尔类型，这样可以在前端使用复选...
起步导入：<linkrel="stylesheet"href="b...