General-Xenon
دوشنبه 21 مرداد 1392, 14:39 عصر
سوال من خیلی ساده س که ارزش جواب دادن نداره یا اونقد سخته که کسی بلد نیست ؟!!!!!!!!
سلام . خدمت شما
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html>
<script runat="server">
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
System.Data.DataTable dt = new System.Data.DataTable();
dt.Columns.Add(new System.Data.DataColumn() { ColumnName = "id" });
dt.Columns.Add(new System.Data.DataColumn() { ColumnName = "name" });
dt.Columns.Add(new System.Data.DataColumn() { ColumnName = "desc" });
for (int i = 0; i < 25; i++)
{
dt.Rows.Add(i.ToString(), "نام شماره " + i.ToString(), "متن شماره " + i.ToString());
}
dgv.DataSource = dt;
dgv.DataBind();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" ></script>
</head>
<body>
<form id="form1" runat="server">
<div class="news">
<asp:DataGrid runat="server" id="dgv" AutoGenerateColumns="false" CssClass="dgvcssclass">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<span class="link">نمایش POPUP</span>
<div class="dgvpopup"><div><%# Eval("desc") %></div></div>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn> <ItemTemplate> <%# Eval("id") %> </ItemTemplate> </asp:TemplateColumn>
<asp:TemplateColumn> <ItemTemplate> <%# Eval("name") %> </ItemTemplate> </asp:TemplateColumn>
</Columns>
</asp:DataGrid>
<script>
$('.link').click(function () {
var a = $(this).parent();
var b = a.find('.dgvpopup');
b.fadeIn('slow');
b.click(function () { b.fadeOut('slow'); })
});
</script>
<style>
.dgvcssclass { border:0px; }
.dgvcssclass * { border:0px; }
.link { display:inline-block; padding:5px; font:normal 8pt 'tahoma'; background-color:#b6ff00; color:black; cursor:pointer; }
.link:hover { background-color:#0094ff; color:white; }
.dgvpopup { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(50,50,50,0.8); z-index:99999; }
.dgvpopup div { margin:100px; padding:100px; background-color:#FFF; }
</style>
</div>
</form>
</body>
</html>