文档介绍:IFrame页面编辑后的保存方法
,需要在主页面中保存IFrame页面的修改,百度、谷歌了好久,总算搞定了。总结一下,希望对看到此文的人有所 帮助。
我要做的页面风格如下:
查询条件所在的页面是主页面 ,,列表数据用GridView显示。
QueryList页面中的列5可编辑,用户修改列5的内容后,点保存按钮存盘。这样做是有点复杂,保存按钮在主页面,需要取得IFrame页面中GridView的值才能保存。直接从主页面取IFrame页面的列5的值比较困难,于是我就想点保存按钮的时候,让IFrame页面调用自己的方法保存。
具体做法如下:
1、:
<inputname="Button2" type="button"onclick='["ItemInfoList"].doSave();'
value="保存" />
其中ItemInfoList是Iframe的id。
2、:
<script type="text/javascript">
function doSave() {
.<%= %>.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、#时间处理方法
public void Button1_Click(object sender, EventArgs e)
{
}
这样就大功告成了。点击主页面的保存按钮,就会触发Iframe页面的保存按钮,执行C#的保存方法。
另外:要获取GridView的Id列的值用于保