例如:我在我的gridview上面点一下此条信息详情按钮。
弹出一个层,层里一个表格,表格上显示此条信息的详细信息,
(注意:1,点GRIDVIEW时必须无刷新,2,别给我就一句说什么:“得用AJAX”,我擦,我知道。我会用还问你啊。3,层肯定是用JS写的(包括表格),最好把JS写的层代码也带上。4层弹出以后最好点不到web页面,除非关闭层!)
只有想不到的,没有做不到的,你可以试试下面的代码[color=#FF0000][/color]
Aspx页面:
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="ObjectDataSource1" >
<Columns>
<asp:BoundField DataField="Ad_Id" HeaderText="Ad_Id" SortExpression="Ad_Id" />
<asp:BoundField DataField="Ad_Name" HeaderText="用户名" SortExpression="Ad_Name" />
<asp:BoundField DataField="Ad_AddTime" HeaderText="添加时间" SortExpression="Ad_AddTime" />
<asp:BoundField DataField="Ad_Remark" HeaderText="备注" SortExpression="Ad_Remark" />
<asp:TemplateField HeaderText="操新年祝福网页 作">
<EditItemTemplate>
<a href='javascript:JqueryDialog.Open("详细信息", "Default.aspx?id=<%# Eval("Ad_Id") %>", 650, 300);' class='grey'>查看详细</a>
</EditItemTemplate>
<ItemTemplate>
<a href='javascript:JqueryDialog.Open("详细信息", "Default.aspx?id=<%# Eval("Ad_Id") %>", 650, 300);' class='grey'>查看详细</a>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:ObjectDataSource ID="ObjectDataSource1" runat="server" SelectMethod="GetAllAdmins"
TypeName="RuiBoArchives.BLL.AdminManager"></asp:ObjectDataSource>
</div>
</form>
</body>
一个CSS样式---
jquery_dialog.css样式:#jd_shadow {
z-index:999;
position:absolute;
background-color:#666666;
filter:alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;
}
#jd_dialog {
z-index:1000;
position:absolute;
}
#jd_dialog_s {
position:absolute;
top:5px;
left:5px;
background-color:#666666;
filter:alpha(opacity=40);
-moz-opacity:0.4;
opacity:0.4;
}
#jd_dialog_m {
position:absolute;
}
#jd_dialog_m_h {
float:left;
width:100%;
height:30px;
cursor:move;
}
#jd_dialog_m_h_l {
float:left;
padding-left:5px;
padding-top:5px;
}
#jd_dialog_m_h_r {
float:right;
padding-right:5px;
padding-top:5px;
cursor:pointer;
}
#jd_dialog_m_b {
float:left;
width:100%;
}
#jd_dialog_m_b_1 {
position:absolute;
alpha(opacity=0);
-moz-opacity:0.0;
opacidty:0.0;
}
#jd_dialog_m_b_2 {
float:left;
}
#jd_dialog_m_t {
float:left;
width:100%;
height:30px;
padding-top:10px;
text-align:center;
}