首先在首页也就是父页面中加一个空DIV容器。如:<div id="pwin"></div>
子页面中的内容如下:
html:
view sourceprint?
<input type='button' id="btna" value="在父级弹出窗口" >
<div id="d" style="display:none;">
<input type="text" name=""><br>
<input type="text" name="">
<input type="submit" value="提交">
</div>
js:
view sourceprint?
var $parent = self.parent.$;
$(function(){
$('#btna').click(function(){
$parent('#pwin').window({
modal:true,
width:300,
height:200,
content:$('#d').html(),
title:'父级窗口'
});
})
})
到这里就结束了,简单吧,其实大家在做时候会发现,如果页面中要操作的表单很多,这样页面中就会出现很隐藏的DIV,页面看起来很零乱,所以大家可以表单中的HTML放单独的HTML文件中,利用window的href属性加载表单,这样一来,页面就清晰很多了,大至代码会像下面这样:
view sourceprint?
var $parent = self.parent.$;
$(function(){
$('#btna').click(function(){
$parent('#pwin').window({
modal:true,
width:300,
height:200,
href:'xxxx.html',
title:'父级窗口',
onLoad:function(){
//在此加入表单初始化的相关代码。
}
});
})
})
在使用的过程中遇到问题,欢迎大家到群中讨论。有不当之处还望指出。
转载自【疯狂秀才】 http://hxling.cnblogs.com
子页面中的内容如下:
html:
view sourceprint?
<input type='button' id="btna" value="在父级弹出窗口" >
<div id="d" style="display:none;">
<input type="text" name=""><br>
<input type="text" name="">
<input type="submit" value="提交">
</div>
js:
view sourceprint?
var $parent = self.parent.$;
$(function(){
$('#btna').click(function(){
$parent('#pwin').window({
modal:true,
width:300,
height:200,
content:$('#d').html(),
title:'父级窗口'
});
})
})
到这里就结束了,简单吧,其实大家在做时候会发现,如果页面中要操作的表单很多,这样页面中就会出现很隐藏的DIV,页面看起来很零乱,所以大家可以表单中的HTML放单独的HTML文件中,利用window的href属性加载表单,这样一来,页面就清晰很多了,大至代码会像下面这样:
view sourceprint?
var $parent = self.parent.$;
$(function(){
$('#btna').click(function(){
$parent('#pwin').window({
modal:true,
width:300,
height:200,
href:'xxxx.html',
title:'父级窗口',
onLoad:function(){
//在此加入表单初始化的相关代码。
}
});
})
})
在使用的过程中遇到问题,欢迎大家到群中讨论。有不当之处还望指出。
转载自【疯狂秀才】 http://hxling.cnblogs.com