111 js iframe表单提交后自动关闭 &

iframe表单提交后自动关闭

background: 因为项目需要，要用dialog插件实现新增功能页面

demands: 

1.高度自适应：

autoFit ：true

 

2.新增结束窗口关闭

方法1：

thinkphp:

$this->assign('jumpUrl','javascript:window.close();');           跪了 刷新页面了

方法2：

js：

$("#form0").submit(function(){  
        window.close();  
        }); 

    

       跪了 还是没用

=> 跳转到另外一个页面 然后执行window.close()    有用  => 但是dialog插件留下的容器还在

方法3

设置了form 的target属性

依旧跪 主页面跳转到了新增的表单页面

2015/11/16-----解决

方法4

外层页面使用

<form class="ui-form mt20" name="form" method="post" action="{:U('Schedule/insert')}" id="myform" data-widget="validator">
         <fieldset>
		<input type	="hidden" name="scheduletype" id="scheduletype" />
		<input type	="hidden" name="startdate"   id="startdate" />
</form>

内层页面使用

function deleteIframe(){
       window.parent.document.getElementById("creater").value          = document.getElementsByName("creater")[0].value ;
       window.parent.document.getElementById("foodcondition").value    = $("input[name='foodcondition']:checked").val();
       window.parent.document.getElementById("leaderuserid").value = $("#leaderuserid").val();
       window.parent.document.getElementById("leadername").value =  $("#leaderuserid").find("option:selected").text();
       window.parent.document.getElementById("myform").submit();
}

js父子页面获取对象

1.在iframe子页面中获取父页面的元素：

    a>

          window.parent.document这个是获取父页面document中的对象；

    b>

          如果要获取父页面js中的方法：window.parent.xxxx（）；xxxx()为方法；

2.在父页面中获取iframe子页面中的元素：

   a>

     var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame这个id是父页面iframe的id

     child.document;//获取子页面中的document对象；