modalDialog注意点

var dialog = parent.sy.modalDialog({
title : ‘修改‘,
url : contextPath + ‘/securityJsp/experiment/modifyNum.jsp?dataS=‘+dataS,
buttons : [
{
text : ‘修改‘,
handler : function() {
var d = dialog.find(‘iframe‘).get(0).contentWindow;
var a = $("#t1",d.document).val();

for(var i=0;i<10;i++){
$("#outer_data span").eq(i).text($("#t"+(i+1),d.document).val());
}
dialog.dialog(‘destroy‘);
}
}
]

});

1、dialog.find(‘iframe‘).get(0).contentWindow

获得dialog的对象

2、var d = dialog.find(‘iframe‘).get(0).contentWindow;

var a = $("#t1",d.document).val();

获得子窗口id为t1的对象

3、$("#outer_data span").eq(i)

获得第i个span

4、input赋值 val val(‘‘)

span赋值 text html

5、url传递数据数组类型可以传递,假如传递的是长字符串会出现问题

时间: 2024-08-29 09:32:24

modalDialog注意点的相关文章

SharePoint 2013中使用SP.UI.ModalDialog.showModalDialog时showModalDialog未定义的解决办法

本文讲述SharePoint 2013 中使用 SP.UI.ModalDialog.showModalDialog时 showModalDialog  未定义的问题. function DialogCallback(dialogResult, returnValue) { if (returnValue == '1') { alert("operation successfully"); } } var options = { url:'url', width: 600, height

modalDialog的使用,图片切换,点击图片时打开一个窗体,并显示信息

//主窗体 //与open的区别:1.参数二是传递的参数 2.属性设置格式:属性=属性值; 3.dialogHeight与dialogWidth没有单位,即需要自己加上px //window.showModalDialog //("modalDialog.html",window,"dialogHeight=300px;dialogWidth=300px;scroll=yes;status=yes;dialogTop=100;dialogLeft=100;resizable=

页面单击按钮弹出modaldialog然后调用ajax处理程序获取数据,给父级页面控件赋值

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RefTopicList.aspx.cs" Inherits="Project.RefTopicList" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

ssm项目之新增员工

点新增按钮会出现新增的窗口,查询bootstrap文档的js里面有案例 表单的样例也可以参照css里面的 在index.jsp 的body最上面加上模态框 <!-- 员工添加模态框 --> <!-- Modal --> <div class="modal fade" id="empAddModal" tabindex="-1" role="dialog" aria-labelledby="

bootstarp 模态框大小尺寸的控制

默认: <!-- 模态框(Modal) --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog">

Vue.js——vue-resource全攻略

概述 上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用,并实现了一个简单的跨域CURD示例.Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为简洁.另外,vue-re

bootstrap中的对话框-dialog

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <meta http-

bootstrap中的对话框-dialog-2

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <meta http-

点击modal确定键后删除tr

做第一个笔记,关于 “书单”.2016-09-03关于一个表格调用modal后,在点击表格中的删除按钮弹出modal,点击确定删除后,将一整行tr 删除的功能. 以下内容为table,表示为某班学生. 1 <table class="table table-bordered Stu-tab " id="Stu-tab"> 2 <tr > <td colspan="7" align="left"&g