<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="StyleSheet.css" rel="stylesheet" />
<script src="Scripts/jquery-1.12.1.js"></script>
<script>
$(document).ready(function () {
$("#btnMark").click(function (evt) {
var target = $("#ddl").val();
$(".Highlight").removeClass("Highlight");
switch (target) {
case "FR":
$("tr:first").addClass("Highlight");
break;
case "LR":
$("tr:last").addClass("Highlight");
break;
case "OD":
$("tr:odd").addClass("Highlight");
break;
case "EV":
$("tr:even").addClass("Highlight");
break;
}
evt.preventDefault();
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Mark Rows"></asp:Label>
<asp:DropDownList ID="ddl" runat="server">
<asp:ListItem Value="FR">First Row</asp:ListItem>
<asp:ListItem Value="LR">Last Row</asp:ListItem>
<asp:ListItem Value="OD">Odd</asp:ListItem>
<asp:ListItem Value="EV">Even</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="btnMark" runat="server" Text="Mark" />
<br />
</div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="FirstName" HeaderText="First Name" />
<asp:BoundField DataField="LastName" HeaderText="Last Name" />
<asp:BoundField DataField="Country" HeaderText="Country" />
</Columns>
</asp:GridView>
</form>
</body>
</html>
NorthwindEntities ctx = new NorthwindEntities();
protected void Page_Load(object sender, EventArgs e)
{
GridView1.DataSource = ctx.Employees.ToList();
DataBind();
}
No comments:
Post a Comment