控制DIV显隐 实现选项卡功能的两种方法
来源：互联网 发布：优化发展环境心得 编辑：程序博客网 时间：2024/06/14 11:03
效果图：
方法一：
JS： (控制DIV显隐)
function imgClick(current)
{
var list = document.getElementById("top").children;
for(i=0;i<list.length;i++){
var imgName = list[i].getAttribute("bgname");
if(list[i].id == current){
jQuery("#"+list[i].id).show();
jQuery("#"+list[i].id).attr({src:"../Images/EPTab/"+imgName+"1.png"}); //点击选项卡链接的图片
jQuery("#tag"+(i+1)).show(); //显示的DIV
}else{
jQuery("#"+list[i].id).attr({src:"../Images/EPTab/"+imgName+".png"}); //其他选项卡连接的图片
jQuery("#tag"+(i+1)).hide(); //隐藏其他的DIV
}
}
}
aspx：<body style="overflow: auto;">
<div class="DialogdivBg">
<div class="DialogdivTest1">
<span class="spanStyle1">
<asp:Label runat="server" ID="LblTitle"></asp:Label></span>
</div>
</div>
<div id="top" style="padding-top: 3px; overflow: auto; width: 700px; height: 50px"
nowrap="nowrap">
<input id="Button1" type="image" class="Ep" src="../Images/EPTab/Base1.png" bgname="Base"
onclick="imgClick('Button1')" title="企业档案基础信息" />
<input id="Button2" type="image" class="Ep" src="../Images/EPTab/Verify.png" bgname="Verify"
onclick="imgClick('Button2')" title="企业档案审核信息" />
<input id="Button3" type="image" class="Ep" src="../Images/EPTab/Auth.png" bgname="Auth"
onclick="imgClick('Button3')" title="企业获得权威的认可（各种权威评定等）" />
<input id="Button4" type="image" class="Ep" src="../Images/EPTab/QualAuth.png" bgname="QualAuth"
onclick="imgClick('Button4')" title="企业获得的质量认证情况（名称，颁发机构，颁发时间）" />
<input id="Button5" type="image" class="Ep" src="../Images/EPTab/QualMana.png" bgname="QualMana"
onclick="imgClick('Button5')" title="产品质量反馈以及质量问题的处理情况" />
<input id="Button6" type="image" class="Ep" src="../Images/EPTab/Stuff.png" bgname="Stuff"
onclick="imgClick('Button6')" title="主要出口产品的原材料以及关键安全件监控情况" />
<input id="Button7" type="image" class="Ep" src="../Images/EPTab/Manage.png" bgname="Manage"
onclick="imgClick('Button7')" title="企业的管理情况、质量管理情况" />
<input id="Button8" type="image" class="Ep" src="../Images/EPTab/Product.png" bgname="Product"
onclick="imgClick('Button8')" title="主要出口产品的生产流程" />
<input id="Button9" type="image" class="Ep" src="../Images/EPTab/Technics.png" bgname="Technics"
onclick="imgClick('Button9')" title="主要出口产品的工艺特点" />
<input id="Button10" type="image" class="Ep" src="../Images/EPTab/Test.png" bgname="Test"
onclick="imgClick('Button10')" title="检验依据" />
<input id="Button11" type="image" class="Ep" src="../Images/EPTab/Version.png" bgname="Version"
onclick="imgClick('Button11')" title="型式试验情况记录" />
<input id="Button12" type="image" class="Ep" src="../Images/EPTab/Damages.png" bgname="Damages"
onclick="imgClick('Button12')" title="重大质量索赔记录" />
<input id="Button13" type="image" class="Ep" src="../Images/EPTab/Inspect.png" bgname="Inspect"
onclick="imgClick('Button13')" title="检验流程" />
<input id="Button14" type="image" class="Ep" src="../Images/EPTab/Rectify.png" bgname="Rectify"
onclick="imgClick('Button14')" title="企业不符合项的整改记录" />
<input id="Button15" type="image" class="Ep" src="../Images/EPTab/TestOpt.png" bgname="TestOpt"
onclick="imgClick('Button15')" title="企业检验人员基本情况" />
<input id="Button16" type="image" class="Ep" src="../Images/EPTab/TestM.png" bgname="TestM"
onclick="imgClick('Button16')" title="企业自有的检验仪器和设备的基本情况" />
<input id="Button17" type="image" class="Ep" src="../Images/EPTab/TestP.png" bgname="TestP"
onclick="imgClick('Button17')" title="备案检验人员基本情况" /></div>
<form id="form1" runat="server">
<div class="Dialogdiv2">
<div id="divMsgInfo" style="z-index: 1; position: absolute; top: 280px; left: 0px;
filter: alpha(opacity=80); background: Transparent; text-align: center; display: none;">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="center" valign="middle" style="height: 100%">
<div style="background-color: #f2f2f2; width: 200px; height: 24px; padding-top: 4px;
border: solid 1px #00807F; background-image: url('../Images/right/loading.gif');
background-repeat: no-repeat; background-position: 15px 4px;">
<input id="lblWaitMsg" type="text" runat="server" style="background: Transparent;
margin-left: 20px; border-color: Transparent; width: 150px; border-style: none;"
readonly="readonly" value="正在准备导出数据，请稍等...">
</div>
</td>
</tr>
</table>
</div>
<div id="tag1">
<table>
<tr height="30">
<td>
<p style="letter-spacing: 2px">
<span>企业名称：</span>
</p>
</td>
<td colspan="5" align="left">
<asp:TextBox ID="txtEnterpriselName" MaxLength="50" Width="375px" runat="server"
Enabled="false">
</asp:TextBox>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Lbl1" Text="*" ToolTip="企业名称为必填项,且最多不能超过25个汉字" ForeColor="red"></asp:Label></span></td>
</tr>
<tr height="30">
<td>
商检注册号：</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtRegistrationNo" Width="132px" runat="server" Enabled="false">
</asp:TextBox>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Label2" Text="*" ToolTip="商检注册号为必填项" ForeColor="red"></asp:Label></span></td>
<td>
组织机构代码：</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtEnterpriseNo" Width="132px" runat="server" Enabled="false">
</asp:TextBox></td>
</tr>
<tr height="30">
<td>
<p style="letter-spacing: 2px">
<span>企业法人：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtLegalPerson" MaxLength="20" Width="132px" runat="server" Enabled="false">
</asp:TextBox>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Label3" Text="*" ToolTip="企业法人为必填项,且最多不能超过10个汉字" ForeColor="red"></asp:Label></span></td>
<td>
<p style="letter-spacing: 4px">
<span>注册资金：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtCapital" Width="132px" runat="server" MaxLength="20" Enabled="false">
</asp:TextBox>
(单位：万元) <span style="padding-left: 5px">
<asp:Label runat="server" ID="Label5" Text="*" ToolTip="注册资金为必填项,且必须为数字" ForeColor="red"></asp:Label></span></td>
</td>
</tr>
<tr height="30">
<td>
企业联系人：</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtLinkMan" MaxLength="20" Width="132px" runat="server" Enabled="false">
</asp:TextBox></td>
<td>
<p style="letter-spacing: 4px">
<span>联系电话：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtPhone" Width="132px" runat="server" MaxLength="20" Enabled="false">
</asp:TextBox></td>
</tr>
<tr height="30">
<td>
<p style="letter-spacing: 2px">
<span>电子邮箱：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtEmail" runat="server" Width="132px" MaxLength="50" Enabled="false">
</asp:TextBox></td>
<td>
<p style="letter-spacing: 4px">
<span>传真：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtFax" Width="132px" runat="server" MaxLength="20" Enabled="false">
</asp:TextBox></td>
</tr>
<tr height="33px">
<td>
<p style="letter-spacing: 2px">
<span>
<asp:Label runat="server" ID="LblClass" Text="企业类别："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:DropDownList runat="server" ID="DropClass" Width="139px" Enabled="false">
</asp:DropDownList>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Label1" Text="*" ToolTip="企业类别为必选项" ForeColor="red"></asp:Label></span>
</td>
<td>
<p style="letter-spacing: 2px" align="left">
<span>
<asp:Label runat="server" ID="LblNature" Text="企业性质："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:DropDownList runat="server" ID="DropNature" Width="137px" Enabled="false">
</asp:DropDownList>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Label4" Text="*" ToolTip="企业性质为必选项" ForeColor="red"></asp:Label></span>
</td>
</tr>
<div runat="server" id="DIVEP">
<tr height="30">
<td>
<p style="letter-spacing: 2px">
<span>企业地址：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtEAddress" Width="132px" runat="server" MaxLength="100" Enabled="false">
</asp:TextBox></td>
<td>
<p style="letter-spacing: 2px">
<span>所属地区：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtRespectiveDistricts" Width="132px" runat="server" MaxLength="100"
Enabled="false">
</asp:TextBox></td>
</tr>
<tr>
<td>
<p style="letter-spacing: 2px">
<span>企业网址：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtEURL" Width="132px" runat="server" MaxLength="100" Enabled="false">
</asp:TextBox></td>
<td>
<asp:Label runat="server" ID="LblCreateTime" Text="档案创建日期："></asp:Label>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtCreateTime" Width="132px" runat="server" Enabled="false">
</asp:TextBox></td>
</tr>
<tr height="50">
<td>
<p style="letter-spacing: 2px">
<span>企业概况：</span></p>
</td>
<td colspan="5" align="left">
<asp:TextBox TextMode="MultiLine" Height="40px" Width="375px" Enabled="false" ID="txtSummarize"
runat="server">
</asp:TextBox></td>
</tr>
<tr height="50">
<td>
<p style="letter-spacing: 2px">
<span>备注信息：</span></p>
</td>
<td colspan="5" align="left">
<asp:TextBox TextMode="MultiLine" Height="40px" Width="375px" ID="txtRemark" runat="server"
Enabled="false">
</asp:TextBox></td>
</tr>
</div>
<tr height="30">
<td>
</td>
<td align="left">
<asp:CheckBox runat="server" ID="IsWriteOff" Text="注销" ToolTip="选中后将该档案信息置为注销状态"
Enabled="false" />
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag2" style="display: none; overflow: auto; height: 411px">
<table>
<tr align="left">
<td colspan="6">
<hr color="red" style="height: 1px" width="100%" />
<span style="color: #ff0000">企业档案审核信息：</span></td>
</tr>
<tr>
<td>
<asp:Label runat="server" ID="LblVerStatus" Text="档案审核状态："></asp:Label>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtVerStatus" Width="132px" runat="server" Enabled="false">
</asp:TextBox></td>
</tr>
<tr>
<td>
<asp:Label runat="server" ID="LblVerTime" Text="档案审核日期："></asp:Label>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtVerTime" Width="132px" runat="server" Enabled="false">
</asp:TextBox></td>
<td>
<p style="letter-spacing: 2px">
<span>
<asp:Label runat="server" ID="LblVerOpt" Text="档案审核人："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtVerOpt" Width="132px" runat="server" Enabled="false">
</asp:TextBox></td>
</tr>
<tr>
<td>
<p style="letter-spacing: 5px">
<span>
<asp:Label runat="server" ID="LblVerify" Text="档案审核："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:RadioButtonList ID="RbtnVerify" runat="server" RepeatDirection="Horizontal"
Enabled="false">
<asp:ListItem Value="1" Text="通过"></asp:ListItem>
<asp:ListItem Value="2" Text="驳回"></asp:ListItem>
</asp:RadioButtonList></td>
<td>
<p style="letter-spacing: 8px">
<span>
<asp:Label runat="server" ID="LblHon" Text="诚信度："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:DropDownList runat="server" ID="CheckHon" Width="137px" Enabled="false">
<asp:ListItem Value="1" Text="诚信"></asp:ListItem>
<asp:ListItem Value="0" Text="不诚信"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
<asp:Label runat="server" ID="LblVerNotion" Text="档案审核意见："></asp:Label>
</td>
<td colspan="5" align="left">
<asp:TextBox ID="txtVerNotion" TextMode="MultiLine" Height="40px" runat="server"
Enabled="false" Width="390px">
</asp:TextBox></td>
</tr>
<tr align="left">
<td colspan="6">
<hr color="red" style="height: 1px" width="100%" />
<span style="color: #ff0000">企业诚信度审核信息：</span></td>
</tr>
<tr>
<td>
<asp:Label runat="server" ID="lblHonVerStatus" Text="诚信审核状态："></asp:Label>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtHonVerStatus" Width="132px" Enabled="false" runat="server">
</asp:TextBox></td>
<td>
</td>
<td colspan="2" align="left">
</tr>
<tr>
<td>
<asp:Label runat="server" ID="lblDateTime" Text="诚信审核日期："></asp:Label>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtHonVerTime" Width="132px" runat="server" Enabled="false">
</asp:TextBox></td>
<td>
<p style="letter-spacing: 2px">
<span>
<asp:Label runat="server" ID="lblHonOpt" Text="诚信审核人："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtHonOpt" Enabled="false" Width="132px" runat="server">
</asp:TextBox></td>
</tr>
<tr>
<td>
<p style="letter-spacing: 2px">
<span>
<asp:Label runat="server" ID="txtHonVerify" Text="诚信度审核："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:RadioButtonList ID="RbtHonVerify" runat="server" RepeatDirection="Horizontal"
Enabled="false">
<asp:ListItem Value="1" Text="通过"></asp:ListItem>
<asp:ListItem Value="2" Text="驳回"></asp:ListItem>
</asp:RadioButtonList></td>
<td>
<p style="letter-spacing: 8px">
<span>
<asp:Label runat="server" ID="lblHon2" Text="诚信度："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:DropDownList runat="server" ID="DropHon" Width="137px" Enabled="false">
<asp:ListItem Value="1" Text="诚信"></asp:ListItem>
<asp:ListItem Value="0" Text="不诚信"></asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td>
<asp:Label runat="server" ID="lblHonVerNation" Text="诚信审核意见："></asp:Label>
</td>
<td colspan="5" align="left">
<asp:TextBox ID="txtHonVerNation" TextMode="MultiLine" Height="40px" runat="server"
Enabled="false" Width="390px">
</asp:TextBox></td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag3" style="display: none; height: 411px">
<table height="411">
<tr>
<td>
</td>
<td>
权威认证：
</td>
</tr>
<tr>
<td>
<div style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="dlImages" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl">
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtRecognized" TextMode="MultiLine" Height="350px" runat="server"
Width="490px" Enabled="false">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag4" style="display: none; height: 411px">
<table height="411">
<tr>
<td>
</td>
<td>
质量认证：
</td>
</tr>
<tr>
<td>
<div style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="DLImage2" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl" >
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtQualityApprove" TextMode="MultiLine" Height="350px" runat="server"
Width="490px" Enabled="false">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag5" style="display: none; height: 411px">
<table>
<tr>
<td>
</td>
<td>
质量反馈：
</td>
</tr>
<tr>
<td rowspan="3">
<div style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="DLImage3" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl">
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtQualityFeedback" TextMode="MultiLine" Height="155px" runat="server"
Enabled="false" Width="490px">
</asp:TextBox>
</td>
</tr>
<tr>
<td>
质量问题处理情况：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtQualityTreatment" TextMode="MultiLine" Height="160px" runat="server"
Width="490px" Enabled="false">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag6" style="display: none; height: 411px">
<table>
<tr>
<td>
产品的原材料及关键安全件监控情况：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtPMMonitor" TextMode="MultiLine" Height="345px" runat="server"
Enabled="false" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag7" style="display: none; height: 411px">
<table>
<tr>
<td>
企业管理情况，尤其是质量管理情况：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtManageSituation" Enabled="false" TextMode="MultiLine" Height="345px"
runat="server" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag8" style="display: none; height: 411px">
<table>
<tr>
<td>
主要出口产品的生产流程：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtProductionFlow" TextMode="MultiLine" Height="345px" runat="server"
Enabled="false" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag9" style="display: none; height: 411px">
<table>
<tr>
<td>
主要产品的工艺特点：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtTechnologyCharacteristics" TextMode="MultiLine" Height="345px"
Enabled="false" runat="server" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag10" style="display: none; height: 411px">
<table height="411">
<tr>
<td>
</td>
<td>
检验依据：
</td>
</tr>
<tr>
<td>
<div style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="DLImage4" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl">
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtTestBasis" TextMode="MultiLine" Height="350px" runat="server"
Width="490px" Enabled="false">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag11" style="display: none; height: 411px">
<table>
<tr>
<td>
型式试验情况记录：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtCaseRecords" TextMode="MultiLine" Height="345px" runat="server"
Enabled="false" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag12" style="display: none; height: 411px">
<table>
<tr>
<td>
重大质量索赔记录：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtClaimsRecords" TextMode="MultiLine" Height="345px" runat="server"
Enabled="false" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag13" style="display: none; height: 411px">
<table height="411">
<tr>
<td>
</td>
<td>
检验流程：
</td>
</tr>
<tr>
<td>
<div style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="DLImage5" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl">
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtInspectionProcess" TextMode="MultiLine" Height="350px" runat="server"
Width="490px" Enabled="false">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag14" style="display: none; height: 411px">
<table>
<tr>
<td>
企业不符合项整改记录：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtRectification" TextMode="MultiLine" Height="345px" runat="server"
Enabled="false" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag15" style="display: none; height: 411px">
<div>
企业检验人员基本情况：</div>
<div style="width: 620px; height: 350px; overflow-y: scroll">
<asp:GridView ID="GridInspectors" runat="server" AutoGenerateColumns="False" Width="500px"
EmptyDataText="未查询到符合条件的数据">
<Columns>
<asp:TemplateField HeaderText="姓名">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtName" Width="70px" MaxLength="40" ToolTip="填写检验人员姓名"
Enabled="false" Text='<%# Eval("TrueName") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="学历">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtSChRecord" Width="70px" MaxLength="50" ToolTip="填写检验人员学历"
Enabled="false" Text='<%# Eval("SchoolRecord") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="从业经历">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtExperience" Width="70px" ToolTip="填写检验人员从业经历"
Enabled="false" Text='<%# Eval("Experience") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="检验证书">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtCertificate" Width="70px" MaxLength="100" ToolTip="填写检验人员所获检验证书"
Enabled="false" Text='<%# Eval("InspectionCertificate") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="证书类型">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtCertificateType" Width="70px" MaxLength="50" ToolTip="填写检验人员所获证书类型"
Enabled="false" Text='<%# Eval("CertificateType") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="证书取得时间">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtGetDateTime" Width="70px" ToolTip="填写检验人员取得证书的时间"
Enabled="false" Text='<%# StringTool.ClearTime(Eval("GetDateTime")) %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="备注">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtRemark" Width="70px" ToolTip="填写备注信息" Text='<%# Eval("Remark") %>'
Enabled="false"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
</Columns>
<%--<HeaderStyle CssClass="Freezing"/>--%>
</asp:GridView>
</div>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag16" style="display: none; height: 411px">
<div>
企业自有的检验仪器和设备的基本情况：</div>
<div style="width: 600px; height: 350px; overflow-y: scroll">
<asp:GridView ID="GridTestEquipment" runat="server" AutoGenerateColumns="False" EmptyDataText="未查询到符合条件的数据">
<Columns>
<asp:TemplateField HeaderText="设备名称">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtName" Width="70px" MaxLength="50" Text='<%# Eval("DeviceName") %>'
Enabled="false">
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="型号规格">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtModel" Width="70px" MaxLength="50" Text='<%# Eval("ModelSpecifications") %>'
Enabled="false">
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="数量（台）">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtNum" Width="70px" MaxLength="9" Text='<%# Eval("Num") %>'
Enabled="false">
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="制造厂家">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtManufacturers" Width="70px" MaxLength="100" Text='<%# Eval("Manufacturers") %>'
Enabled="false">
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="试验项目">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtTestItem" Width="70px" MaxLength="200" Text='<%# Eval("TestItem") %>'
Enabled="false">
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="备注">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtRemark" Width="70px" MaxLength="40" Text='<%# Eval("Remark") %>'
Enabled="false">
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag17" style="display: none; height: 411px">
<table>
<tr>
<td>
备案检验人员的基本情况：
</td>
</tr>
<tr>
<td>
<div style="width: 620px; height: 350px; overflow: scroll; overflow-x: hidden;">
<asp:GridView ID="GridRecordInspectors" runat="server" AutoGenerateColumns="False"
EmptyDataText="未查询到符合条件的数据">
<Columns>
<asp:TemplateField HeaderText="姓名">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtName" Width="70px" MaxLength="40" ToolTip="填写检验人员姓名"
Text='<%# Eval("TrueName") %>' Enabled="false"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="学历">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtSChRecord" Width="70px" MaxLength="50" ToolTip="填写检验人员学历"
Text='<%# Eval("SchoolRecord") %>' Enabled="false"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="从业经历">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtExperience" Width="70px" ToolTip="填写检验人员从业经历"
Text='<%# Eval("Experience") %>' Enabled="false"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="检验证书">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtCertificate" Width="70px" MaxLength="100" ToolTip="填写检验人员所获检验证书"
Text='<%# Eval("InspectionCertificate") %>' Enabled="false"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="证书类型">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtCertificateType" Width="70px" MaxLength="50" ToolTip="填写检验人员所获证书类型"
Text='<%# Eval("CertificateType") %>' Enabled="false"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="证书取得时间">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtGetDateTime" Width="70px" ToolTip="填写检验人员取得证书的时间"
Text='<%# StringTool.ClearTime(Eval("GetDateTime")) %>' Enabled="false"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="备注">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtRemark" Width="70px" ToolTip="填写备注信息" Text='<%# Eval("Remark") %>'
Enabled="false"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="Dialogdiv3">
<asp:HiddenField runat="server" ID="HidPara"></asp:HiddenField>
<asp:HiddenField runat="server" ID="HidFileNo"></asp:HiddenField>
<asp:HiddenField ID="hfFlag" Value="0" runat="server" />
<asp:Button runat="server" ID="btnExport" Text="导出" ToolTip="导出该企业的档案信息" OnClientClick="return ShowWaitDiv('正在准备数据请等待...');"
OnClick="btnExport_Click" />
<span style="padding-right: 15px; padding-left: 15px">
<input class="button" type="button" value="关闭" title="关闭该对话框" onclick="javascript:closeDia();" /></span>
</div>
</form>
</body>
方法二：
JS:
function ShowDiv()
{
var HfTag=document.getElementById("HfTag");
var list = document.getElementsByTagName("div");
var count=0;
for(i=0;i<list.length;i++){
if(list[i].id.indexOf("tag")>=0){
count=count+1;
var bgImages=document.getElementById("Button"+count);
if(list[i].id ==HfTag.value){
if(bgImages.src.indexOf("1.png")<0)
bgImages.src=bgImages.src.substr(0,bgImages.src.length-4)+"1.png";
list[i].style.display="block";
}
else{
list[i].style.display="none";
if(bgImages.src.substr(bgImages.src.length-5).indexOf("1.png")>=0)
bgImages.src=bgImages.src.substr(0,bgImages.src.length-5)+bgImages.src.substr(bgImages.src.length-5).replace("1","");
}
}
}
}
function SetDivStatus(obj){ //设置状态
var HfTag=document.getElementById("HfTag");
HfTag.value=obj;
ShowDiv();
}
ASPX:
<body onload="ShowDiv()">
<div class="DialogdivBg">
<div class="DialogdivTest1">
<span class="spanStyle1">
<asp:Label runat="server" ID="LblTitle"></asp:Label></span>
</div>
</div>
<div id="top" style="padding-top: 3px; overflow: auto; width: 700px; height: 50px"
nowrap="nowrap">
<input id="Button1" type="image" class="Ep" src="../Images/EPTab/Base1.png" bgname="Ep"
onclick="SetDivStatus('tag1')" title="企业档案基础信息" />
<input id="Button2" type="image" class="Ep" src="../Images/EPTab/Auth.png" bgname="Ep"
onclick="SetDivStatus('tag2')" title="企业获得权威的认可（各种权威评定等）" />
<input id="Button3" type="image" class="Ep" src="../Images/EPTab/QualAuth.png" bgname="Ep"
onclick="SetDivStatus('tag3')" title="企业获得的质量认证情况（名称，颁发机构，颁发时间）" />
<input id="Button4" type="image" class="Ep" src="../Images/EPTab/QualMana.png" bgname="Ep"
onclick="SetDivStatus('tag4')" title="产品质量反馈以及质量问题的处理情况" />
<input id="Button5" type="image" class="Ep" src="../Images/EPTab/Stuff.png" bgname="Ep"
onclick="SetDivStatus('tag5')" title="主要出口产品的原材料以及关键安全件监控情况" />
<input id="Button6" type="image" class="Ep" src="../Images/EPTab/Manage.png" bgname="Ep"
onclick="SetDivStatus('tag6')" title="企业的管理情况、质量管理情况" />
<input id="Button7" type="image" class="Ep" src="../Images/EPTab/Product.png" bgname="Ep"
onclick="SetDivStatus('tag7')" title="主要出口产品的生产流程" />
<input id="Button8" type="image" class="Ep" src="../Images/EPTab/Technics.png" bgname="Ep"
onclick="SetDivStatus('tag8')" title="主要出口产品的工艺特点" />
<input id="Button9" type="image" class="Ep" src="../Images/EPTab/Test.png" bgname="Ep"
onclick="SetDivStatus('tag9')" title="检验依据" />
<input id="Button10" type="image" class="Ep" src="../Images/EPTab/Version.png" bgname="Ep"
onclick="SetDivStatus('tag10')" title="型式试验情况记录" />
<input id="Button11" type="image" class="Ep" src="../Images/EPTab/Damages.png" bgname="Ep"
onclick="SetDivStatus('tag11')" title="重大质量索赔记录" />
<input id="Button12" type="image" class="Ep" src="../Images/EPTab/Inspect.png" bgname="Ep"
onclick="SetDivStatus('tag12')" title="检验流程" />
<input id="Button13" type="image" class="Ep" src="../Images/EPTab/Rectify.png" bgname="Ep"
onclick="SetDivStatus('tag13')" title="企业不符合项的整改记录" />
<input id="Button14" type="image" class="Ep" src="../Images/EPTab/TestOpt.png" bgname="Ep"
onclick="SetDivStatus('tag14')" title="企业检验人员基本情况" />
<input id="Button15" type="image" class="Ep" src="../Images/EPTab/TestM.png" bgname="Ep"
onclick="SetDivStatus('tag15')" title="企业自有的检验仪器和设备的基本情况" />
<input id="Button16" type="image" class="Ep" src="../Images/EPTab/TestP.png" bgname="Ep"
onclick="SetDivStatus('tag16')" title="备案检验人员基本情况" /></div>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<%--<Triggers><asp:PostBackTrigger ControlID="btnSave" /> </Triggers>--%>
<ContentTemplate>
<div class="Dialogdiv2">
<asp:HiddenField runat="server" ID="HfTag" />
<div id="tag1" style="display: none; overflow: auto; height: 411px">
<table>
<tr height="30">
<td>
<p style="letter-spacing: 2px">
<span>企业名称：</span>
</p>
</td>
<td colspan="5" align="left">
<asp:TextBox ID="txtEnterpriselName" MaxLength="50" Width="375px" runat="server">
</asp:TextBox>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Lbl1" Text="*" ToolTip="企业名称为必填项,且最多不能超过25个汉字" ForeColor="red"></asp:Label></span></td>
</tr>
<tr height="30">
<td>
商检注册号：</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtRegistrationNo" Width="132px" runat="server">
</asp:TextBox>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Label2" Text="*" ToolTip="商检注册号为必填项" ForeColor="red"></asp:Label></span></td>
<td>
组织机构代码：</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtEnterpriseNo" Width="132px" runat="server">
</asp:TextBox></td>
</tr>
<tr height="30">
<td>
<p style="letter-spacing: 2px">
<span>企业法人：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtLegalPerson" MaxLength="20" Width="132px" runat="server">
</asp:TextBox>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Label3" Text="*" ToolTip="企业法人为必填项,且最多不能超过10个汉字" ForeColor="red"></asp:Label></span></td>
<td>
<p style="letter-spacing: 4px">
<span>注册资金：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtCapital" Width="132px" runat="server" MaxLength="20">
</asp:TextBox>
(单位：万元) <span style="padding-left: 5px">
<asp:Label runat="server" ID="Label5" Text="*" ToolTip="注册资金为必填项,且必须为数字" ForeColor="red"></asp:Label></span></td>
</td>
</tr>
<tr height="30">
<td>
企业联系人：</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtLinkMan" MaxLength="20" Width="132px" runat="server">
</asp:TextBox></td>
<td>
<p style="letter-spacing: 4px">
<span>联系电话：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtPhone" Width="132px" runat="server" MaxLength="20">
</asp:TextBox></td>
</tr>
<tr height="30">
<td>
<p style="letter-spacing: 2px">
<span>电子邮箱：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtEmail" runat="server" Width="132px" MaxLength="50">
</asp:TextBox></td>
<td>
<p style="letter-spacing: 4px">
<span>传真：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtFax" Width="132px" runat="server" MaxLength="20">
</asp:TextBox></td>
</tr>
<tr height="33px">
<td>
<p style="letter-spacing: 2px">
<span>
<asp:Label runat="server" ID="LblClass" Text="企业类别："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:DropDownList runat="server" ID="DropClass" Width="139px">
</asp:DropDownList>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Label1" Text="*" ToolTip="企业类别为必选项" ForeColor="red"></asp:Label></span>
</td>
<td>
<p style="letter-spacing: 2px" align="left">
<span>
<asp:Label runat="server" ID="LblNature" Text="企业性质："></asp:Label></span></p>
</td>
<td colspan="2" align="left">
<asp:DropDownList runat="server" ID="DropNature" Width="137px">
</asp:DropDownList>
<span style="padding-left: 5px">
<asp:Label runat="server" ID="Label4" Text="*" ToolTip="企业性质为必选项" ForeColor="red"></asp:Label></span>
</td>
</tr>
<div runat="server" id="DIVEP">
<tr height="30">
<td>
<p style="letter-spacing: 2px">
<span>企业地址：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtEAddress" Width="132px" runat="server" MaxLength="100">
</asp:TextBox></td>
<td>
<p style="letter-spacing: 2px">
<span>所属地区：</span></p>
</td>
<td colspan="2" align="left">
<asp:TextBox ID="txtRespectiveDistricts" Width="132px" runat="server" MaxLength="100">
</asp:TextBox></td>
</tr>
<tr>
<td>
<p style="letter-spacing: 2px">
<span>企业网址：</span></p>
</td>
<td colspan="5" align="left">
<asp:TextBox ID="txtEURL" Width="375px" runat="server" MaxLength="100">
</asp:TextBox></td>
</tr>
<tr height="50">
<td>
<p style="letter-spacing: 2px">
<span>企业概况：</span></p>
</td>
<td colspan="5" align="left">
<asp:TextBox TextMode="MultiLine" Height="40px" Width="375px" ID="txtSummarize" runat="server">
</asp:TextBox></td>
</tr>
<tr height="50">
<td>
<p style="letter-spacing: 2px">
<span>备注信息：</span></p>
</td>
<td colspan="5" align="left">
<asp:TextBox TextMode="MultiLine" Height="40px" Width="375px" ID="txtRemark" runat="server">
</asp:TextBox></td>
</tr>
</div>
<tr height="30">
<td>
</td>
<td align="left">
<asp:CheckBox runat="server" ID="IsWriteOff" Text="注销" ToolTip="选中后将该档案信息置为注销状态" />
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag2" style="display: none; height: 411px">
<table height="411">
<tr>
<td>
</td>
<td>
权威认证：
</td>
</tr>
<tr>
<td>
<div runat="server" id="DivW" style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="dlImages" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl">
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtRecognized" TextMode="MultiLine" Height="350px" runat="server"
Width="490px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag3" style="display: none; height: 411px">
<table height="411">
<tr>
<td>
</td>
<td>
质量认证：
</td>
</tr>
<tr>
<td>
<div runat="server" id="DivZR" style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="DLImage2" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl" >
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtQualityApprove" TextMode="MultiLine" Height="350px" runat="server"
Width="490px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag4" style="display: none; height: 411px">
<table>
<tr>
<td>
</td>
<td>
质量反馈：
</td>
</tr>
<tr>
<td rowspan="3">
<div runat="server" id="DivQ" style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="DLImage3" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl">
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtQualityFeedback" TextMode="MultiLine" Height="155px" runat="server"
Width="490px">
</asp:TextBox>
</td>
</tr>
<tr>
<td>
质量问题处理情况：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtQualityTreatment" TextMode="MultiLine" Height="160px" runat="server"
Width="490px" >
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag5" style="display: none; height: 411px">
<table>
<tr>
<td>
产品的原材料及关键安全件监控情况：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtPMMonitor" TextMode="MultiLine" Height="345px" runat="server"
Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag6" style="display: none; height: 411px">
<table>
<tr>
<td>
企业管理情况，尤其是质量管理情况：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtManageSituation" TextMode="MultiLine" Height="345px"
runat="server" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag7" style="display: none; height: 411px">
<table>
<tr>
<td>
主要出口产品的生产流程：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtProductionFlow" TextMode="MultiLine" Height="345px" runat="server"
Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag8" style="display: none; height: 411px">
<table>
<tr>
<td>
主要产品的工艺特点：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtTechnologyCharacteristics" TextMode="MultiLine" Height="345px"
runat="server" Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag9" style="display: none; height: 411px">
<table height="411">
<tr>
<td>
</td>
<td>
检验依据：
</td>
</tr>
<tr>
<td>
<div runat="server" id="DivY" style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="DLImage4" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl">
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtTestBasis" TextMode="MultiLine" Height="350px" runat="server"
Width="490px" >
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag10" style="display: none; height: 411px">
<table>
<tr>
<td>
型式试验情况记录：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtCaseRecords" TextMode="MultiLine" Height="345px" runat="server"
Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag11" style="display: none; height: 411px">
<table>
<tr>
<td>
重大质量索赔记录：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtClaimsRecords" TextMode="MultiLine" Height="345px" runat="server"
Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag12" style="display: none; height: 411px">
<table height="411">
<tr>
<td>
</td>
<td>
检验流程：
</td>
</tr>
<tr>
<td>
<div runat="server" id="DivL" style="height: 350px; width: 130px; overflow: auto">
<asp:DataList ID="DLImage5" runat="server" RepeatColumns="1" HorizontalAlign="Center"
RepeatDirection="Horizontal" DataKeyField="ImageUrl">
<ItemTemplate>
<table class="border1" onmousemove="this.className='border2'" onmouseout="this.className='border1'"
border="1" cellpadding="0" cellspacing="0" style="margin-top: 7px; cursor: hand;"
align="center">
<tr>
<td align="center">
<img alt="" src="<%# GetUrl(Eval("ImageUrl")) %>" title="<%#Eval("ImageName") %>" width="100"
onclick="return ImageDetail('<%#Eval("EpImagesId") %>')" height="100" />
</td>
</tr>
</table>
</ItemTemplate>
<ItemStyle VerticalAlign="Top" />
</asp:DataList>
</div>
</td>
<td>
<asp:TextBox ID="txtInspectionProcess" TextMode="MultiLine" Height="350px" runat="server"
Width="490px" >
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag13" style="display: none; height: 411px">
<table>
<tr>
<td>
企业不符合项整改记录：
</td>
</tr>
<tr>
<td>
<asp:TextBox ID="txtRectification" TextMode="MultiLine" Height="345px" runat="server"
Width="530px">
</asp:TextBox>
</td>
</tr>
</table>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag14" style="display: none; height: 411px">
<div>
<table>
<tr>
<td width="10%">
</td>
<td align="center">
企业检验人员基本情况：
</td>
<td width="10%" align="right">
<asp:Button runat="server" ID="btnAdd" Text="添加" OnClick="btnAdd_Click" /></td>
</tr>
</table>
</div>
<div style="width: 620px; height: 350px; overflow-y: scroll">
<asp:GridView ID="GridInspectors" runat="server" AutoGenerateColumns="False" Width="500px">
<Columns>
<asp:TemplateField HeaderText="姓名">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtName" Width="70px" MaxLength="40" ToolTip="填写检验人员姓名"
Text='<%# Eval("TrueName") %>'></asp:TextBox>
<asp:HiddenField runat="server" ID="HfInspeId" Value='<%# Eval("CheckerId") %>' />
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="学历">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtSChRecord" Width="70px" MaxLength="50" ToolTip="填写检验人员学历"
Text='<%# Eval("SchoolRecord") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="从业经历">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtExperience" Width="70px" ToolTip="填写检验人员从业经历"
Text='<%# Eval("Experience") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="检验证书">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtCertificate" Width="70px" MaxLength="100" ToolTip="填写检验人员所获检验证书"
Text='<%# Eval("InspectionCertificate") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="证书类型">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtCertificateType" Width="70px" MaxLength="50" ToolTip="填写检验人员所获证书类型"
Text='<%# Eval("CertificateType") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="证书取得时间">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtGetDateTime" Width="70px" ToolTip="填写检验人员取得证书的时间"
Text='<%# StringTool.ClearTime(Eval("GetDateTime")) %>' OnClick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:true,readOnly:false})"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="备注">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtRemark" Width="70px" ToolTip="填写备注信息" Text='<%# Eval("Remark") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag15" style="display: none; height: 411px">
<div>
<table>
<tr>
<td width="10%">
</td>
<td align="center">
企业自有的检验仪器和设备的基本情况：
</td>
<td width="10%" align="right">
<asp:Button runat="server" ID="btnAdd2" Text="添加" OnClick="btnAdd2_Click" /></td>
</tr>
</table>
</div>
<div style="width: 600px; height: 350px; overflow-y: scroll">
<asp:GridView ID="GridTestEquipment" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="设备名称">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtName" Width="70px" MaxLength="50" Text='<%# Eval("DeviceName") %>'>
</asp:TextBox>
<asp:HiddenField runat="server" ID="HfDeviceId" Value='<%# Eval("DeviceId") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="型号规格">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtModel" Width="70px" MaxLength="50" Text='<%# Eval("ModelSpecifications") %>'>
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="数量（台）">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtNum" Width="70px" MaxLength="9" Text='<%# Eval("Num").ToString().ToLower().Equals("0")?"":Eval("Num") %>'>
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="制造厂家">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtManufacturers" Width="70px" MaxLength="100" Text='<%# Eval("Manufacturers") %>'>
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="试验项目">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtTestItem" Width="70px" MaxLength="200" Text='<%# Eval("TestItem") %>'>
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="备注">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtRemark" Width="70px" MaxLength="40" Text='<%# Eval("Remark") %>'>
</asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</div>
<%---------------------------------------------------------------------------------------------------------------------------------%>
<div id="tag16" style="display: none; height: 411px">
<div>
<table>
<tr>
<td width="10%">
</td>
<td align="center">
备案检验人员的基本情况：
</td>
<td width="10%" align="right">
<asp:Button runat="server" ID="btnAdd3" Text="添加" OnClick="btnAdd3_Click" /></td>
</tr>
</table>
</div>
<table>
<tr>
<td>
<div style="width: 620px; height: 350px; overflow: scroll; overflow-x: hidden;">
<asp:GridView ID="GridRecordInspectors" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="姓名">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtName" Width="70px" MaxLength="40" ToolTip="填写检验人员姓名"
Text='<%# Eval("TrueName") %>'></asp:TextBox>
<asp:HiddenField runat="server" ID="HfInspeId" Value='<%# Eval("CheckerId") %>' />
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="学历">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtSChRecord" Width="70px" MaxLength="50" ToolTip="填写检验人员学历"
Text='<%# Eval("SchoolRecord") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="从业经历">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtExperience" Width="70px" ToolTip="填写检验人员从业经历"
Text='<%# Eval("Experience") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="检验证书">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtCertificate" Width="70px" MaxLength="100" ToolTip="填写检验人员所获检验证书"
Text='<%# Eval("InspectionCertificate") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="证书类型">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtCertificateType" Width="70px" MaxLength="50" ToolTip="填写检验人员所获证书类型"
Text='<%# Eval("CertificateType") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="证书取得时间">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtGetDateTime" Width="70px" ToolTip="填写检验人员取得证书的时间"
Text='<%# StringTool.ClearTime(Eval("GetDateTime")) %>' OnClick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:true,readOnly:false})"></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
<asp:TemplateField HeaderText="备注">
<ItemTemplate>
<asp:TextBox runat="server" ID="txtRemark" Width="70px" ToolTip="填写备注信息" Text='<%# Eval("Remark") %>'></asp:TextBox>
</ItemTemplate>
<ItemStyle Width="70px" />
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</td>
</tr>
</table>
</div>
</div>
<div class="Dialogdiv3">
<asp:HiddenField runat="server" ID="HidPara"></asp:HiddenField>
<asp:HiddenField runat="server" ID="HidFileNo"></asp:HiddenField>
<asp:HiddenField ID="hfFlag" Value="0" runat="server" /> //保存需要显示的DIV的ID
<asp:Button ID="btnSave" runat="server" Text="提交" ToolTip="提交并保存企业档案全部信息" OnClick="btnSave_Click" />
<span style="padding-left: 15px; padding-right: 15px">
<input class="button" type="button" value="关闭" title="关闭该对话框" onclick="javascript:closeDia();" /></span>
</div>
</form>
</body>
aspx.cs
将需要显示的DIV的ID 赋值给隐藏控件 hfFlag
如 需要显示DIV1 其ID为tag1
则：HfTag.Value = "tag1";
- 控制DIV显隐 实现选项卡功能的两种方法
- 控制DIV显隐 实现选项卡功能的两种方法
- 两种实现选项卡功能----自定义和TabLayout
- 菜单功能的两种实现方法
- 利用jQuery方法实现选项卡的功能
- js实现div内容局部变色的两种方法
- JavaScript强化教程——DOM编程（两种控制div移动的方法）
- JavaScript强化教程——DOM编程（两种控制div移动的方法）
- JavaScript强化教程——DOM编程（两种控制div移动的方法）
- iOS应用实现评论功能的两种方法
- iOS应用实现评论功能的两种方法
- iOS应用实现评论功能的两种方法
- 两种方法实现托盘功能
- 重写构造方法实现两种功能
- android 实现分享功能两种方法
- Android中选项卡功能的实现
- 简单的选项卡功能实现
- Android 选项卡功能的实现
- ubuntu配置JDK环境
- firefox,IE select onchange事件的差别
- TOMCAT7关于支持SERVLET3的新特性
- 继承类QTableWidgetItem
- 一些下载资料（电子通信类）的论坛
- 控制DIV显隐 实现选项卡功能的两种方法
- 电脑作为站点共享互联网方法
- C#中托管与非托管
- 第一篇文章
- 控制DIV显隐 实现选项卡功能的两种方法
- 为什么在word2007文档中我一按空格键就会出现一个点？
- sql server2000 入门应用实例
- 记录 google 在线翻译api
- 文件分割
