IFrame页面编辑后的保存方法.docVIP

IFrame页面编辑后的保存方法 最近用Asp.Net编了一个小东西，需要在主页面中保存IFrame页面的修改，百度、谷歌了好久，总算搞定了。总结一下，希望对看到此文的人有所 帮助。 我要做的页面风格如下： 查询条件所在的页面是主页面 QueryMain.aspx,使用Iframe嵌入了列表页面QueryList.aspx，列表数据用GridView显示。 QueryList页面中的列5可编辑，用户修改列5的内容后，点保存按钮存盘。这样做是有点复杂，保存按钮在主页面，需要取得IFrame页面中GridView的值才能保存。直接从主页面取IFrame页面的列5的值比较困难，于是我就想点保存按钮的时候，让IFrame页面调用自己的方法保存。 具体做法如下： 1、主页面QueryMain.aspx的保存按钮使用html的控件： input name=Button2 type=button onclick=window.frames[ItemInfoList].doSave(); value=保存 / 其中ItemInfoList是Iframe的id。 2、在IFrame页面QueryList.aspx中增加JavaScript脚本： script type=text/javascript function doSave() { document.all.%=this.BtnSave.ClientID %.click(); } /script 其中BtnSave是asp:Button的ID，注意红色的文字，只有这样才能实现对按钮的点击。这是很关键的一点。 3、IFrame中增加一个保存按钮： asp:Button ID=BtnSave runat=server Style=visibility:hidden Text=保存 OnClick=Button1_Click / 注意红色的地方，不能用visible=”false”，否则javascript函数会找不到BtnSave对象。 4、在QueryList.aspx.cs中增加C#时间处理方法 public void Button1_Click(object sender, EventArgs e) { } 这样就大功告成了。点击主页面的保存按钮，就会触发Iframe页面的保存按钮，执行C#的保存方法。 另外：要获取GridView的Id列的值用于保存，网上搜到有人采取css的方法隐藏ID列，我也试了一下，发现开始打开页面的时候，Id列确实不显示，点击下一页，又出来了。还是建议采用GridView的DataKeyNames=id属性。 asp:GridView ID=GridView1 runat=server OnSorting=GridView1_Sorting OnRowCreated=GridView1_RowCreated EnableModelValidation=True OnRowDataBound=GridView1_RowDataBound DataKeyNames=id C#代码取id的方法： foreach (GridViewRow gv in this.GridView1.Rows) { if (gv.RowType == DataControlRowType.DataRow) //判断是否为行模式 string id = GridView1.DataKeys[gv.RowIndex].Value.ToString(); }