IFrame
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DocNumIframe.aspx.cs" Inherits="QASupervision.Modules.Workflow.Common.DocNumIframe"
ClientIDMode="Static" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>
<%= Request["title"] %></title>
<style>
</style>
<script src="../../../Scripts/jquery.js" type="text/javascript"></script>
</head>
<body>
<script>
$(function () {
$("#docUl li").click(function () {
// 打开链接
var url = $(this).attr("url");
$("#iframeDocNum").attr("src", url);
var languagesid = $(this).attr("languagesid");
var hflanguagesid = '#' + '<%= hflanguagesid.ClientID %>';
$(hflanguagesid).val(languagesid);
var strval = $(this).text();
var txtzhClass = '#' + '<%= txtzhClass.ClientID %>';
$(txtzhClass).val($.trim(strval));
// 设置样式
$("#docUl li").attr("class", "");
$(this).attr("class", "curr");
});
$("#docUl li:first").click();
$("#showconfig").click(function () {
if ($(this).attr("value") == "显示配置") {
$(this).attr("value", "隐藏配置");
$("#divconfig").css("visibility", "visible");
}
else if ($(this).attr("value") == "隐藏配置") {
$(this).attr("value", "显示配置");
$("#divconfig").css("visibility", "hidden");
}
});
})
// 获取iframe选择的结果
function getResult() {
return document.all("iframeDocNum").contentWindow.getResult(); //父窗体调用IFrame页面中的方法或去数据
}
function onLoadIframe() {
var languagesid = $("#hflanguagesid").val();
var url = '/Modules/Workflow/Common/DocNumList.aspx?LanguagesID=' + languagesid;
$("#iframeDocNum").attr("src", url);
}
</script>
<form id="form1" runat="server">
<div style="height: 400px; border-bottom: 1px #CCC solid;">
<div class="left">
<div class="title">
发文主题词</div>
<ul id="docUl">
<asp:Repeater ID="RepDocNum" runat="server">
<ItemTemplate>
<li url='/Modules/Workflow/Common/DocNumList.aspx?LanguagesID=<%# Eval("LanguagesID") %>'
languagesid='<%# Eval("LanguagesID") %>'>
<%# Eval("Languages") %></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>
<div class="right">
<iframe frameborder="0" id="iframeDocNum" allowtransparency="true" style="margin: 0;
padding: 0" width="450" height="400" src=""></iframe>
</div>
<div style="clear: both; width: 100%; height: 70px;">
<input type="button" id="showconfig" value="显示配置" style="margin-top: 3px;" class="com_b" />
<div style="visibility: hidden" id="divconfig">
<table>
<tr>
<td>
<asp:Label runat="server" ID="lzhClass" Text="主分类维护"></asp:Label>
<asp:TextBox runat="server" ID="txtzhClass"></asp:TextBox>
</td>
<td width="300" align="right">
<asp:Label runat="server" ID="lchildClass" Text="子分类维护"></asp:Label>
<asp:TextBox runat="server" ID="txtchildClass"></asp:TextBox>
</td>
</tr>
<tr>
<td align="right">
<asp:HiddenField runat="server" ID="hflanguagesid" />
<asp:Button runat="server" ID="btnzhInsert" Text="新增" OnClick="btnzhInsert_Click" />
<asp:Button runat="server" ID="btnzhModify" Text="修改" OnClick="btnzhModify_Click" />
<asp:Button runat="server" ID="btnzhDelete" Text="删除" OnClick="btnzhDelete_Click" />
</td>
<td align="right">
<asp:HiddenField runat="server" ID="hfId" />
<asp:Button runat="server" ID="btnchildInsert" Text="新增" OnClick="btnchildInsert_Click"
OnClientClick="onLoadIframe()" />
<asp:Button runat="server" ID="btnchildModify" Text="修改" OnClick="btnchildModify_Click"
OnClientClick="onLoadIframe()" />
<asp:Button runat="server" ID="btnchildDelete" Text="删除" OnClick="btnchildDelete_Click"
OnClientClick="onLoadIframe()" />
</td>
</tr>
</table>
</div>
</div>
</div>
</form>
</body>
</html>
上面Iframe 嵌套的页面DocNumList.aspx
<%@ Page Language="C#" MasterPageFile="~/Layouts/List.Master" AutoEventWireup="true"
CodeBehind="DocNumList.aspx.cs" Inherits="QASupervision.Modules.Workflow.Common.DocNumList" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<title>主题词选择列表</title>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="server">
<div class="datalist">
<h2 style="height: 30px;">
主题词选择列表</h2>
<div class="toolbar" style="height: 30px;">
<asp:LinkButton ID="LinkButton1" runat="server" Visible="false" OnClientClick=" return openEditor(this, 'Insert'); ">
<span>
<img id="Img1" alt="" runat="server" src="~/Images/icon_new.gif" style="border: 0px" />新建
</span>
</asp:LinkButton>
</div>
<div class="datagrid" style="clear: left">
<web:SmartGridView ID="SmartGridView1" runat="server" AutoGenerateColumns="False"
Width="100%" DataKeyNames="ID" DataSourceID="SmartDataSource1" PageSize="10">
<Columns>
<asp:BoundField DataField="DocHead" HeaderText="主题词" SortExpression="DocHead" />
<asp:TemplateField HeaderText="选择">
<HeaderStyle Wrap="False" Width="35px" HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" />
<ItemTemplate>
<input type="radio" role="select" dochead='<%# Eval("DocHead") %>' _id='<%# Eval("ID") %>'
name="Status" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<PagerSettings />
</web:SmartGridView>
<web:SmartSqlDataSource ID="SmartDataSource1" runat="server" SelectCommand="biz_dochead.list"
SelectCountCommand="biz_dochead.count" DefaultSortExpression="ID DESC" SelectCommandAutoPageWrap="true">
</web:SmartSqlDataSource>
</div>
</div>
<script type="text/javascript">
$(function () {
// 点击tr也能设置 radio
$(".datagrid tr:gt(0)").click(function () {
$(this).find(":radio")[0].click();
});
// 点击确定
$("#btnOK").click(function () {
});
$(":radio").click(function () {
var id = $(this).attr("_id");
var dochead = $(this).attr("dochead");
$(window.parent.document).find("#txtchildClass").val(dochead); //这是从IFrame页面向父页面上传值，赋给页面上的控件来存值
$(window.parent.document).find("#hfId").val(id);
});
})
// 获取选中的内容
function getResult() {
var radio = $(".datagrid :checked");
if (radio.length > 0) {
var docHead = $(radio).attr("docHead");
return docHead;
} else {
alert('请选择主题词！');
}
}
</script>
</asp:Content>
浙公网安备 33010602011771号