<div class="modal fade bs-example-modal" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">
模态框标题
</h4>
</div>
<div class="modal-body">
<div class="form-horizontal" role="form">
<input type="hidden" id="id" name="id" />
<div class="form-group">
<label for="robotId" class="col-sm-2 control-label">机器人编号</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="robotId" name="robotId" style="border:none" readonly>
</div>
</div>
...
<div class="form-group">
<label for="robotDescription" class="col-sm-2 control-label">描述</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="robotDescription" name="robotDescription" style="border:none" readonly>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="submit">提交</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
js:
//初始化模态窗口
$('#modal').modal({
backdrop: false,//指定一个静态的背景,当用户点击模态框外部时不会关闭模态框。
show: false,//true 初始化的时候显示模态框,false 方法调用再显示
keyboard: true //指定一个静态的背景,当用户点击模态框外部时不会关闭模态框。
//添加按钮绑定事件 )}
//添加
$("#add").on("click", function() {
$("#id").val("");
$("#modalLabel").html("添加"); //动态修改模态框标题
clearModalForm();
$("#modal").modal("show"); //显示模态框
});
//模态框表单提交
$("#submit").on("click", function() {
save();
});
});
function save() {
var id = $("#id").val();
var intent = $("#intent").val();
var applyCaseType= $("#applyCaseType").val();
var questionElem =$("#questionElem").val();
var clarifyId =$("#clarifyId").val();
var clarifyStatement= $("#clarifyStatement").val();
var answerWordSlot = $("#slotCode").val();
var answerInputType = $("#answerInputType").val();
var mergeTree = $("#mergeTree").val();
if(mergeTree==''){
mergeTree=true;
}
var branchRule = $("#branchRule").val();
var syntheticTemplate=$("#syntheticTemplate").val();
var answerCode = $("#answerCode").val();
var coverParenTeplate= $("#teplate input[name='coverParenTeplate']:checked").val();
$.ajax({
url: URLObject.saveOrUpdateBtn,
type: "post",
async: false,
data: {
id: id,
syntheticTemplate : syntheticTemplate,
answerCode : answerCode,
coverParenTeplate :coverParenTeplate
},
success: function(resp) {
var data = resp;
if(data.flag == 1 || data.flag == "1") {
WinAlert.jAlert("提示", data.msg, function() {
countDiv=1;
$("#modal").modal("hide"); //保存后隐藏事件
clearModalForm();
$("#table").bootstrapTable("refresh");
});
} else {
WinAlert.jAlertError("操作失败", data.msg);
}
},
error: function(err) {
}
});
}