您的位置：首页 > Web前端 > JQuery

Deal with GridView Row using Jquery （Part one）

2010-06-07 15:13 489 查看

一、前台aspx页面

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jQuery Example</title>
<mce:style type="text/css"><!--
.hideId
{
display: none;
}

--></mce:style><style type="text/css" mce_bogus="1">        .hideId
{
display: none;
}
</style>

<mce:script language="javascript" type="text/javascript" src="jquery-1.3.2.js" mce_src="jquery-1.3.2.js"></mce:script>

<mce:script type="text/javascript" language="javascript"><!--
$(document).ready(function() {
$("tr").filter(function() {
return $('td', this).length && !$('table', this).length
})
.click(function() {
__doPostBack('javaScriptEvent', $(this).find("span").text());
})
.mouseover(function() {
$(this).css("cursor", "hand");
})
.css({ background: "ffffff" }).hover(
function() { $(this).css({ background: "#C1DAD7" }); },
function() { $(this).css({ background: "#ffffff" }); }
);
});

// --></mce:script>

</head>
<body>
<form id="form1" runat="server">
<asp:GridView ID="grdEmployee" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Image runat="server" ID="imgPeople" ImageUrl="~/People_031.gif" />
<asp:Label CssClass="hideId" runat="server" ID="lblID" Text='<%# Eval("ID") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="GivenName" />
<asp:BoundField DataField="Surname" />
<asp:BoundField DataField="Department" />
</Columns>
</asp:GridView>
</form>
</body>
</html>

二、后台cs

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
var names = new List<Employee>();
names.Add(new Employee() { ID = 1, Surname = "sheridan", GivenName = "malcolm", Department = "sales" });
names.Add(new Employee() { ID = 2, Surname = "sheridan", GivenName = "debby", Department = "it" });
names.Add(new Employee() { ID = 3, Surname = "sheridan", GivenName = "livvy", Department = "real estate" });
grdEmployee.DataSource = names;
grdEmployee.DataBind();
}

ClientScript.GetPostBackEventReference(new System.Web.UI.PostBackOptions(this));
if (!string.IsNullOrEmpty(Request.Form["__EVENTTARGET"]))
{
if (Request.Form["__EVENTTARGET"] == "javaScriptEvent")
{
ProcessGridSelection(Request.Form["__EVENTARGUMENT"]);
}
}
}

private void ProcessGridSelection(string p)
{
Session["Selection"] = p;
Response.Redirect("~/SelectedRow.aspx");
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航