asp_异步_修改_如何实现父子页面之间的相互交互

原创 2013年12月03日 17:14:22

前面的实例中, 是将整个修改的页面全部放在一个页面中,一般在开发中,最好将二者至于两个界面中。


首先在修改的表单的设计代码处:在div中添加一个iframe:

 <div id="editDiv">
         <iframe id="frmEdit" frameborder="0" width="100%" src="javascript:void(0)">
            
         </iframe>

</div>


重新创建一个ShowEdit.aspx:

<script src="../js/jquery-easyui-1.3.1/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function subFrm() {
            //走异步提交代码
            $.post("Edit.ashx", $("#form1").serializeArray(), function (data) {
                if (data == "ok") {
                    //告诉父容器,我活干完了,关闭对话框,刷新列表
                    window.parent.window.afterEditSucess();
                }
            });
        }

    </script>

<body>
    <form id="form1" runat="server">
    <div>
    <input type="hidden" name="hidId" value="<%= HidId %>"/>
        <table>
       <tr>
         <td>新闻标题</td><td><input type="text" name="txtEditTitle" id="txtEditTitle" value="<%= Title %>"/></td>
       </tr>
       <tr>
         <td>新闻发布人</td><td><input type="text" name="txtEditPeople" id="txtEditPeople" value="<%= People %>"/></td>
       </tr>
       
     </table>
    </div>
    </form>
</body>


ShowEdit.aspx.cs:

public partial class ShowEdit : System.Web.UI.Page
    {
        public string HidId { get; set; }
        public string Title { get; set; }
        public string People { get; set; }
        protected void Page_Load(object sender, EventArgs e)
        {
            int id = int.Parse(Request["id"]??"0");
            BLL.HKSJ_Main mainServer = new BLL.HKSJ_Main();
            var item = mainServer.GetModel(id);
            HidId = item.ID.ToString();


            Title = item.title;


            People = item.people;
        }
    }


如下图:在提交修改的表单的代码处,进行如下操作:

 //提交修改的表单
         function subEditFrom(){
           //将修改的表单提交到后台
//           var editFrmData=$("#editFrm").serializeArray();
//           $.post("Edit.ashx",editFrmData,function(data){
//              if(data=="OK")
//              {
//                   //如果后台返回成功
//           //关闭对话框
//            $("#editDiv").dialog("close");
//           //刷新列表
//           initTableList();
//              }
//              else
//              {
//                 alert(data);
//              }
//           });


              //让子容器的表单提交


              //jq对象转化为dom对象
              //contentWindow可以拿到iframe标签的对象
              $("#frmEdit")[0].contentWindow.subFrm();
           
          
         }

 //由子容器调用的方法
        function afterEditSuccess(){
            //关闭对话框
            $("#editDiv").dialog("close");
           //刷新列表
           initTableList();
        }

layer父子页面交互

layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/ 可以从官网上下载最新版本。 1、当layer以iframe层的方式弹出新的窗口(子页面),...
  • dragonpeng2008
  • dragonpeng2008
  • 2016年09月21日 13:55
  • 25181

JavaScript实现父子两个窗口之间互相通信

JavaScript里面的Dom编程里面的window对象有很多的方法能实现很多特殊的效果,下面我们来列举一些方法,然 后做出一个小案例,就是使用Window对象的opener方法实现父子两方的窗口...
  • a352193394
  • a352193394
  • 2012年04月22日 19:04
  • 2418

在html web网页中父子窗口之间值的传值

在Web开发中,常常要用到两个窗口之间互相传值。下面谈谈父子窗口之间的传值:一:使用Open开启子窗口1:单值传递通过open开启的子窗口比较好处理。页面窗口1.html代码:打开子窗口Open后弹出...
  • guoliwang
  • guoliwang
  • 2010年02月04日 11:33
  • 2302

ztree多树实现异步交互

ztree多树实现异步交互 jquerystrutsjsp zTree相对讲有非常好的API文档,扩展性强,使用起来比较方便。本文章主要填补下网络上zTree例子太少的空白。 实...
  • vipyhd
  • vipyhd
  • 2012年07月08日 02:05
  • 1081

html父子页面(弹框)的实现和交互[通信]

html页面,有的时候不是直接一个页面,一连串(或并行)页面的结束,为了提高用户体验或完成某种功能需要父子页面(或窗口)来实现,或者父子,兄弟窗口来完成。本文主要介绍:     html父子页面(弹框...
  • typa01_kk
  • typa01_kk
  • 2015年01月23日 11:10
  • 6608

浅谈自己对异步交互、同步交互的理解

浅谈自己对异步交互、同步交互的理解;angular;promise
  • Fiona_lms
  • Fiona_lms
  • 2016年12月27日 10:10
  • 758

iframe 父子页面之间交互

父页面 方法 function aa(){} 子页面 window.parent.aa();      调用父页面的方法...
  • qq_35261510
  • qq_35261510
  • 2017年09月14日 16:15
  • 36

iframe-父子-兄弟页面相互传值(jq和js两种方法)

源码需要复制到相应的文件目录 文件目录: 效果图: 1.父级html源码: main.html main iframe{float:...
  • u013299635
  • u013299635
  • 2017年12月11日 15:41
  • 182

Iframe跨域父子页面调用

此解决办法是基于H5的postMessage(),理论上所用支持H5的浏览器都可用。 亲测 Chrome,Firefox,QQ,傲游,搜狗可用, 本人电脑是IE8不支持(没有测试IE8+)子页面调...
  • wangxiaofeng1124
  • wangxiaofeng1124
  • 2017年07月24日 17:37
  • 209

父子页面的传值/子页面带动父页面执行相应方法

子页面执行方法 function xx() {     //获得列表界面的webview    var list = plus.webview.currentWebview().opener()...
  • sinat_36646356
  • sinat_36646356
  • 2016年11月08日 15:14
  • 525
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:asp_异步_修改_如何实现父子页面之间的相互交互
举报原因:
原因补充:

(最多只允许输入30个字)