meTables弹出模态窗口
2021-02-04 14:57:05
content = '<input type="text" name="ID" value="'+data.ID+'"><div class="form-group"><label class="col-sm-3 control-label div-left-STATUS required" aria-required="true">状态</label><div class="col-sm-8 div-right-STATUS"><input type="text" id="STATUS" name="STATUS" required="true" class="form-control " aria-required="true"></div></div>'
Createmodal('审核发票状态',content)
关闭模态窗口:
$('body').on('click','#jnmodal-save',function(){
$('#jnmodal').modal('hide');
})
function Createmodal(title,content)
{
// 向页面添加HTML
// console.log(html)
var jnmodalHTML = '<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">'+title+'</h4></div><div class="modal-body"><form method="post" class="form-horizontal" name="edit-form" autocomplete="off" id="edit-form" novalidate="novalidate"><fieldset>'+content+
'</fieldset></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取消</button><button type="button" class="btn btn-primary " id="jnmodal-save">确定</button></div></div></div>'
var html = '<div class="modal fade in jnmodal" id="jnmodal" tabindex="-1" role="dialog" style="display: block;z-index:99999999" aria-hidden="false">'+jnmodalHTML+'</div>'
// content = '<input type="hidden" name="ID" value="8"><div class="form-group"><label class="col-sm-3 control-label div-left-STATUS required" aria-required="true">状态</label><div class="col-sm-8 div-right-STATUS"><input type="text" id="STATUS" name="STATUS" required="true" class="form-control " aria-required="true"></div></div>'
if($('#jnmodal').length<=0){
$('body').append(html)
}
else
{
//防止缓存,重新赋值
$('#jnmodal').html(jnmodalHTML)
}
$('#jnmodal').modal({backdrop: 'static'}) // 弹出信息
}
Createmodal('审核发票状态',content)
关闭模态窗口:
$('body').on('click','#jnmodal-save',function(){
$('#jnmodal').modal('hide');
})
function Createmodal(title,content)
{
// 向页面添加HTML
// console.log(html)
var jnmodalHTML = '<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">'+title+'</h4></div><div class="modal-body"><form method="post" class="form-horizontal" name="edit-form" autocomplete="off" id="edit-form" novalidate="novalidate"><fieldset>'+content+
'</fieldset></form></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">取消</button><button type="button" class="btn btn-primary " id="jnmodal-save">确定</button></div></div></div>'
var html = '<div class="modal fade in jnmodal" id="jnmodal" tabindex="-1" role="dialog" style="display: block;z-index:99999999" aria-hidden="false">'+jnmodalHTML+'</div>'
// content = '<input type="hidden" name="ID" value="8"><div class="form-group"><label class="col-sm-3 control-label div-left-STATUS required" aria-required="true">状态</label><div class="col-sm-8 div-right-STATUS"><input type="text" id="STATUS" name="STATUS" required="true" class="form-control " aria-required="true"></div></div>'
if($('#jnmodal').length<=0){
$('body').append(html)
}
else
{
//防止缓存,重新赋值
$('#jnmodal').html(jnmodalHTML)
}
$('#jnmodal').modal({backdrop: 'static'}) // 弹出信息
}