第一次点击修改,能获取到列表选中行数据的ID,弹窗正常,然后关闭弹窗,什么都不动再次点击修改,却获取不到选中行的ID了,获取到的ID居然是table的id,之后再怎么切换选中的行数据,获取的ID都变成table 的ID,郁闷啊,一直找不到问题出在哪。
直接上代码,列表使用的是bootstrapTable,如下是列表的jsp代码:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>角色表列表</title>
</head>
<body style="overflow-x: hidden;overflow-y: auto">
<div id="page-inner">
<div class="row">
<div class="col-md-12">
<h1 style="margin: 1px 0 2px">
<small>角色表</small>
</h1>
</div>
</div>
<!-- /. ROW -->
<div id="toolbar" style="margin-left: 3px;">
<a href="javascript:void(0);" class="btn btn-primary btn-sm" id="addForm"><i class="glyphicon glyphicon-plus"></i>新增</a>
<a href="javascript:void(0);" class="btn btn-success btn-sm" id="editForm"><i class="glyphicon glyphicon-pencil"></i>修改</a>
<a href="javascript:void(0);" class="btn btn-danger btn-sm" id="deleteData"><i class="glyphicon glyphicon-remove"></i>删除</a>
</div>
<table class="table table-bordered table-hover" id="roleTable">
</table>
</div>
<!-- 模态框 -->
<div id="formModal" class="modal fade bs-example-modal-lg" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div id="formContent" class="modal-content">
</div>
</div>
</div>
<!-- /.modal -->
</body>
</html>
# //
下面是点击 修改 时的方法:
$("#editForm").click(function(){
var id="";
var a= $('#roleTable').bootstrapTable('getSelections');
if(a.length==1){
id=a[0].id;
}else{
layer.msg("只能选中一行数据进行修改!", {icon: 0});
return;
}
var url="/system/xxx/addForm?id="+id;
$("#formModal").removeData("bs.modal");
$("#formModal").modal({
remote: url
});
});
下面为url对应的jsp页面:
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel">表信息</h4>
</div>
<form id="roleForm" class="form-horizontal form-label-left" novalidate>
<input type="hidden" id="id" name="id" value="${role.id }"/>
<input type="hidden" id="tempFileId" name="tempFileId" value="${role.id }"/>
<div class="modal-body">
....表单.....略...
</div>
<div class="m
```odal-footer" style="text-align: center;">
<button type="button" class="btn btn-danger" onclick="save();">保存</button>
<but
```ton type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
</div>
</form>