模態框內部刷新內容,沒有什麼好的辦法,因此只能採用笨的方法,採用監聽事件,來進行內容的刷新post
頁面:url
<div class="modal fade" id="aModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" style="width:80%" >
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true" onclick="myPreview5();" value="" >
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>打印預覽
</button>
<button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true" onclick="splitAndMerge(1);" value="" >
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>合併
</button>
<button type="button" class="btn btn-default" data-dismiss="modal" aria-hidden="true" onclick="splitAndMerge(2);" value="" >
<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>展開
</button>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" onclick="splitAndMerge(3);">×</button>
<h4></h4>
</div>
<div class="modal-body">
<table id="a"></table>
</div>
</div>
<div class="modal-footer">
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>spa
js:事件
function splitAndMerge(type){
if(type!=3){
$("#aModal").on('hidden.bs.modal',function(){
$("#aModal").modal('show');
$("#aModal").on('shown.bs.modal',function(){
var data = {
};
var url;
if(type==1){//合併
url = "";
}else{//展開
url = "";
}
$.post(url, data, function(result) {
});
});
});
}else{//關閉
$("#aModal").off('hidden.bs.modal');
}
it
}io