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 += "<div class="form-group" clear><label data-field="+fie+">"+fie+"</label><div class=‘col-sm-10‘><input type=‘text‘ class=‘form-control‘>"+datalist[O][fie]+"</div></div>";
//
// });
for (var i = 0; i < field.length; i++) {
var fie = field[i];
var listStr = datalist[fie];
if ("undefined" == typeof(listStr)) {
listStr = "";
}
html += "<div class=‘form-group forms clear‘><label class=‘control-label‘ style=‘margin-top: 10px‘ data-field=" + fie + ">" + fie + "</label><div class=‘controls ‘><input type=‘text‘ class=‘form-control " +fie+ "‘ data-field=" + fie + " value=‘" + listStr + "‘></div></div>";
}

}
form.append(html);
}
});
},
id: _id,
model_id : model_id,
url: api.modifyconfig
});
$(this).attr(‘data-target‘,‘#confirm‘);
});

时间: 2024-10-05 11:04:26

ajax及模态框的相关文章

ajax+json模态框中分页(spring+struts+mybatis+easyui分页插件)

0.业务需求: 点击每个数字的时候可以显示每个对应的详细记录.也就是得点击11的时候拿着开采部与C级去查询. 1.页面中的模态框与分页组件(注意:需要隐藏一个页号,点击分页插件的时候给隐藏的页号赋值,ajax再次请求的时候取页面的页号值) <!-- 隐藏查询条件的页号 --> <input type="hidden" name="currentPage" id="currentPage"> <!-- 模态框 统计详细

使用ajax请求,模态框调用并更改密码

前端页面 <a href="javascript:void(0);" onclick="changPassword()"> <i class="ace-icon fa fa-cog"></i> 修改密码 </a> <script type="text/javascript"> //打开模态框 function changPassword(){ $("#nav

Asp.net MVC利用Ajax.BeginForm实现bootstrap模态框弹出,并进行前段验证

1.新建Controller public ActionResult Index() { return View(); } public ActionResult Person(int? id) { //could add code here to get model based on id.... return PartialView("_Person"); //calling partial with existing model.... //return PartialView(

关于bootstrap 在MVC里 模态框里加载iframe页面做编辑的时候

前台代码 <div class="modal fade" id="myModal" tabindex="-1" role="dialog"     aria-labelledby="myModalLabel" aria-hidden="true" >    <div class="modal-dialog" style="width:830

【AmazeUI】在模态框中嵌入表单,形成模态输入框

在<[AmazeUI]模态框>(点击打开链接)一文中,已经介绍过在AmazeUI这个手机版前端框架中,怎么使用模态框了,但是这篇文章提到的模态框只是那些单纯的模态框.如果要实现一个有表单,同时又有"提交"与"关闭"的按钮,要做出如下的效果,哪应该怎么实现呢? 首先同样是HTML布局: <!--使用HTML5开发--> <!doctype html> <html class="no-js"> <

Bootstrap模态框按钮

1.触发模态框弹窗的代码 这里复制了一段Bootstrap模态框的代码 <h2>创建模态框(Modal)</h2> <!-- 按钮触发模态框 --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始演示模态框</button> <!-- 模态框(Modal) --

BootStrap——模态框

模态框(Modal)是BootStrap中很棒的一个插件.可以去BootStrap菜鸟驿站里面看看. 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等. 这里记录的是自己手动调用模态框而不会使用自动的,自己手动的可以做很多的处理,如:添加数据,修改数据,显示数据等等. <!DOCTYPE html> <html> <head> <meta charset="

使用bootstrap模态框实现浮动层

authour: 陈博益 updatetime: 2015-04-22 06:52:15 friendly link: http://v3.bootcss.com/javascript/#modals 目录: 1,bootstrap模态框的使用示例 2,注意点 1,下面是一个简单的例子说明bootstrap模态框的使用: 1 <!DOCTYPE html> //modal.html 2 <html xmlns="http://www.w3.org/1999/xhtml"

Bootstrap 模态框(Modal)插件数据传值

原文:http://blog.csdn.net/baalhuo/article/details/51178154 模态框具体代码如下: <!-- 模态框(Modal) --> <div class="modal fade" id="update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden=&