直接上图
首先两个button标签,注意看圈出来的地方,模态框的绑定就不用多说了,然后看我传值方法,这个时候这样写是报错的
然后可以看到报了这样的错,应该就是不让用这些字符,我开始的时候也是百度了半天,试了各种方法,都是报错,然后我就浪费了半天时间,今天开始自己又捣鼓了一会,就试试不管这个错误会怎么样,然后竟然成功了,虽然我不知道怎么解决这个预编译错误,但是得出的结论就是这个错误可以忽略,这样来写值还是可以照常传进去的!!!!!
接下来看我的验证:
删除按钮对应的show函数
点击删除后弹出的username和this都传进去了,证明该错误确实可以忽略
相关源码
删除按钮代码
<button class="btn btn-default" type="button" style="color: red" data-toggle="modal" data-target="delete" th:onclick="show([[${user.username}]],this)">删除</button>
删除按钮对应的模态框代码
<!--删除模态框-->
<div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" >是否确定删除</h4>
</div>
<div class="modal-body">
<button style="margin-top: 10px;margin-left: 430px;" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
<button style="margin-top: 10px;margin-left: 20px;" type="submit" id="ok" class="btn btn-primary">确定</button>
</div>
</div>
</div>
</div>
对应的js
<script type="text/javascript">
toastr.options = {"timeOut":1000};
var username_ = null;
var trobj;
$(function(){
$("#ok").click(function(){
$("#delete").modal('hide');
$.ajax({
url:"/userDetele",
type:"post",
dataType:"json",
async:true,
data:"username="+username_ ,
success:function(data){
if(data == 1){
//隐藏当前行
trobj.hide();
alert("删除成功")
}else{
toastr.success("删除失败!");
}
}
})
})
})
function show(username,obj){
// alert(username)
// alert(obj)
username_ = username;
trobj = $(obj).parent().parent();
$('#delete').modal('show');
}
</script>