ajax模态弹出框,ajax及模态框

//修改

$("#eventList").on("click",".btn-edit",function () {

var _id = $(this).parent().data("id");

var model_id = $("#resBox").find(".list-modal").find(".actt").data("id");

var _data = {

id: _id,

model_id : model_id

};

ModifyRecord({

title: "编辑记录",

html: __inline("./content/userUpdate.html"),

callback: function(box){

var _box = box.find("#confirm");

$.ajax({

url: api.configfiledetail,

data: {

id : _id,

model_id :model_id,

},

type: ‘get‘,

dataType: ‘json‘,

success: function(data){

data1 = data;

_box.find("." +fie+"+ ").val(data+"."+" + fie + ");

var form = $("#formModel",parent.document);

var html = "";

if(typeof data != "undefined" && data.data.field !==null && data.data.field.length != 0){

var field = data.data.field;

var datalist = data.data.datalist;

// $.each(field,function (i,fie) {

// html += "

"+fie+"
"+datalist[O][fie]+"
";

//

// });

for (var i = 0; i < field.length; i++) {

var fie = field[i];

var listStr = datalist[fie];

if ("undefined" == typeof(listStr)) {

listStr = "";

}

html += "

" + fie + "
";

}

}

form.append(html);

}

});

},

id: _id,

model_id : model_id,

url: api.modifyconfig

});

$(this).attr(‘data-target‘,‘#confirm‘);

});

原文:http://www.cnblogs.com/wangkangni/p/7427782.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JSP中点击按钮弹出模态框,可以使用Bootstrap架中的Modal组件来实现。 首先,在JSP页面中引入Bootstrap的CSS和JS文件: ```html <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script> ``` 然后,在页面中添加一个按钮: ```html <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">打开模态框</button> ``` 其中,`data-toggle="modal"`表示点击按钮时弹出模态框,`data-target="#exampleModal"`表示模态框的ID为exampleModal。 最后,在页面中添加模态框的HTML代码: ```html <div class="modal" tabindex="-1" role="dialog" id="exampleModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">模态框标题</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <p>模态框内容</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div> ``` 在上述代码中,`id="exampleModal"`与按钮中的`data-target="#exampleModal"`对应,`class="modal"`表示这是一个模态框,`role="dialog"`表示角色为对话。 点击按钮后,模态框就会弹出,点击关闭按钮或者点击模态框外部区域都可以关闭模态框
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值