带事件的Bootstrap模态框的使用2
模态框中显示一些基本的数据以及触发一些基本的JS函数
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>专家</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.js"></script>
<!-- <script type="text/javascript" src="js/jedate.js"> </script> -->
</head>
<body>
<div >
<table cellspacing="0px" align="center" cellpadding="0px">
<tr>
<th>id</th>
<th>姓名:</th>
<th>性别</th>
<th>密码</th>
<th>签名密码</th>
<th>出生日期</th>
<th>领域</th>
<th>职务</th>
<th>职称</th>
<th>电话</th>
<th>邮箱</th>
<th>签名</th>
<th>修改</th>
<th>删除</th>
</tr>
<c:forEach items="${allSpe }" var="specialist">
<tr>
<th>${specialist.specialistid}</th>
<th>${specialist.name}</th>
<th>${specialist.sex }</th>
<th>${specialist.password}</th>
<th>${specialist.signaturepass}</th>
<th>${specialist.birthday}</th>
<th>${specialist.engagedomain}</th>
<th>${specialist.duty}</th>
<th>${specialist.title}</th>
<th>${specialist.telephone}</th>
<th>${specialist.email}</th>
<th><img alt="" src="${pageContext.request.contextPath }/img/signature/${specialist.signature}" ></th>
<th>
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#xgzj" onclick="ww(\'${specialist.specialistid}\')">修改</button>
</th>
<th><a href="javascript:void(0)" onclick="queren(\'${specialist.specialistid}\')">删除</a></th>
</tr>
</c:forEach>
</table>
</div>
<%-- href="${pageContext.request.contextPath }/specialistAction_deleteSpecialist.action?delete --%>
<script type="text/javascript">
function queren(value){
var xx=self.confirm("确认删除");
if(xx==1){
window.location="${pageContext.request.contextPath }/specialistAction_deleteSpecialist.action?deleteId="+value;
alert("删除成功！");
}
}
function ww(value){
document.getElementById("xgid").value=value;
}
</script>
<!-- 模态框（Modal） -->
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" >
修改专家
</h4>
</div>
<form action="${pageContext.request.contextPath }/specialistAction_updateSpecialist.action" method="post">
<div class="modal-body" >
id: <input type="text" name="xg.specialistId" readonly="readonly" value="" /><br />
<br/>
name:<input type="text" name="xg.name" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="submit" class="btn btn-primary" onclick="xg()">
确认
</button>
</div>
</form>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<!-- 按钮触发模态框 -->
<button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal">
增加专家
</button>
<!-- 模态框（Modal） -->
<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" >
增加专家
</h4>
</div>
<form action="${pageContext.request.contextPath }/specialistAction_addSpecialist.action" method="post">
<div class="modal-body" >
id: <input type="text" name="sl.specialistid" value="" /><br /><br/>
name:<input type="text" name="sl.name" /><br/><br/>
sex:<input type="text" name="sl.sex" value="" /><br /><br/>
birthday:<input type="text" name="sl.birthday"><br/><br/>
engageDomain:<input type="text" name="sl.engagedomain" value="" /><br /><br/>
duty:<input type="text" name="sl.duty" /><br/><br/>
title:<input type="text" name="sl.title" value="" /><br /><br/>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="submit" class="btn btn-primary">
提交
</button>
</div>
</form>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</body>
</html>