62,046
社区成员
发帖
与我相关
我的任务
分享
<div id="DivOver" style="filter: alpha(opacity=90); position: absolute; top: 0px;
left: 0px; z-index: 9999; display: none; background-color: menu">
<!--覆盖层-->
</div>
<div id="DivDefault" class="showdiv" style="width: 400px; height: 300px;">
<!-- 显示层-->
<table onclick="">
<tr>
<td>
<asp:TextBox ID="txtID" runat="server"></asp:TextBox>
</td>
<td>
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
</td>
</tr>
</table>
</div>
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<table onclick="ShowPanDivDefault('<%# Eval("ID") %>','<%# Eval("Name") %>')">
<tr>
<td>
<%# Eval("ID") %>
</td>
<td>
<%# Eval("Name") %>
</td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<script language="javascript" type="text/javascript">
function HiddenPanDivDefault()
{
document.getElementById('DivDefault').style.display = "none";
document.getElementById('DivOver').style.display = "none";
return false;
}
function ShowPanDivDefault(id,name)
{
var tabWidth=document.getElementById('DivDefault').style.width.replace("px","");
var tabHeight=document.getElementById('DivDefault').style.height.replace("px","");
var rightedge = (document.body.clientWidth-tabWidth)/2;
var bottomedge = (document.body.clientHeight-tabHeight)/2;
document.getElementById('DivDefault').style.left =rightedge;
document.getElementById('DivDefault').style.top =bottomedge;
document.getElementById('DivOver').style.left=0;
document.getElementById('DivOver').style.top=0;
document.getElementById('DivOver').style.width=document.body.clientWidth;
document.getElementById('DivOver').style.height=document.body.clientHeight;
document.getElementById('DivDefault').style.display = "block";
document.getElementById('DivOver').style.display = "block";
document.getElementById('<%=txtID.ClientID %>')=id;
document.getElementById('<%=txtName.ClientID %>')=name;
return false;
}
</script>