.aspx.cs code
public class Employee
{
public int Id { get; set; }
public string Name { get; set; }
public string Address { get; set; }
public string Designation { get; set; }
}
protected void Page_Load(object sender, EventArgs e)
{
var employees = new List<Employee>()
{
new Employee(){ Id = 1, Name = "Ms. Nancy Davolio", Address = "507 - 20th Ave. E. Apt. 2A", Designation = "Sales Representative"},
new Employee(){ Id = 2, Name = "Dr. Andrew Fuller", Address = "908 W. Capital Way", Designation = "Vice President Sales"},
new Employee(){ Id = 3, Name = "Ms. Janet Leverling", Address = "722 Moss Bay Blvd.", Designation = "Sales Representative"},
new Employee(){ Id = 4, Name = "Mrs. Margaret Peacock", Address = "4110 Old Redmond Rd.", Designation = "Sales Representative"},
new Employee(){ Id = 5, Name = "Mr. Steven Buchanan", Address = "14 Garrett Hill", Designation = "Sales Manager"},
new Employee(){ Id = 6, Name = "Mr. Michael Suyama", Address = "Coventry House Miner Rd.", Designation = "Sales Representative"},
new Employee(){ Id = 7, Name = "Mr. Robert King", Address = "Edgeham Hollow Winchester Way", Designation = "Sales Representative"},
new Employee(){ Id = 8, Name = "Ms. Laura Callahan", Address = "4726 - 11th Ave. N.E.", Designation = "Inside Sales Coordinator"},
new Employee(){ Id = 9, Name = "Ms. Anne Dodsworth", Address = "7 Houndstooth Rd.", Designation = "Sales Representative"}
};
GridView1.DataSource = employees;
GridView1.DataBind();
}
.aspx code
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery.js" type="text/javascript"></script>
<script src="Scripts/colResizable-1.3.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
if ($.cookie('colWidth') != null) {
var columns = $.cookie('colWidth').split(',');
var i = 0;
$('.GridViewStyle th').each(function () {
$(this).width(columns[i++]);
});
}
$(".GridViewStyle").colResizable({
liveDrag: true,
gripInnerHtml: "<div class='grip'></div>",
draggingClass: "dragging",
onResize: onSampleResized
});
});
var onSampleResized = function (e) {
var columns = $(e.currentTarget).find("th");
var msg = "";
columns.each(function () { msg += $(this).width() + ","; })
$.cookie("colWidth", msg);
};
</script>
</head>
<body>
<form id="Form1" runat="server">
<asp:Label ID="Label1" runat="server"></asp:Label>
<br />
<br />
<asp:GridView ID="GridView1" runat="server" CssClass="GridViewStyle">
</asp:GridView>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Test Postback" />
</form>
</body>
</html>
public class Employee
{
public int Id { get; set; }
public string Name { get; set; }
public string Address { get; set; }
public string Designation { get; set; }
}
protected void Page_Load(object sender, EventArgs e)
{
var employees = new List<Employee>()
{
new Employee(){ Id = 1, Name = "Ms. Nancy Davolio", Address = "507 - 20th Ave. E. Apt. 2A", Designation = "Sales Representative"},
new Employee(){ Id = 2, Name = "Dr. Andrew Fuller", Address = "908 W. Capital Way", Designation = "Vice President Sales"},
new Employee(){ Id = 3, Name = "Ms. Janet Leverling", Address = "722 Moss Bay Blvd.", Designation = "Sales Representative"},
new Employee(){ Id = 4, Name = "Mrs. Margaret Peacock", Address = "4110 Old Redmond Rd.", Designation = "Sales Representative"},
new Employee(){ Id = 5, Name = "Mr. Steven Buchanan", Address = "14 Garrett Hill", Designation = "Sales Manager"},
new Employee(){ Id = 6, Name = "Mr. Michael Suyama", Address = "Coventry House Miner Rd.", Designation = "Sales Representative"},
new Employee(){ Id = 7, Name = "Mr. Robert King", Address = "Edgeham Hollow Winchester Way", Designation = "Sales Representative"},
new Employee(){ Id = 8, Name = "Ms. Laura Callahan", Address = "4726 - 11th Ave. N.E.", Designation = "Inside Sales Coordinator"},
new Employee(){ Id = 9, Name = "Ms. Anne Dodsworth", Address = "7 Houndstooth Rd.", Designation = "Sales Representative"}
};
GridView1.DataSource = employees;
GridView1.DataBind();
}
.aspx code
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery.js" type="text/javascript"></script>
<script src="Scripts/colResizable-1.3.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
if ($.cookie('colWidth') != null) {
var columns = $.cookie('colWidth').split(',');
var i = 0;
$('.GridViewStyle th').each(function () {
$(this).width(columns[i++]);
});
}
$(".GridViewStyle").colResizable({
liveDrag: true,
gripInnerHtml: "<div class='grip'></div>",
draggingClass: "dragging",
onResize: onSampleResized
});
});
var onSampleResized = function (e) {
var columns = $(e.currentTarget).find("th");
var msg = "";
columns.each(function () { msg += $(this).width() + ","; })
$.cookie("colWidth", msg);
};
</script>
</head>
<body>
<form id="Form1" runat="server">
<asp:Label ID="Label1" runat="server"></asp:Label>
<br />
<br />
<asp:GridView ID="GridView1" runat="server" CssClass="GridViewStyle">
</asp:GridView>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Test Postback" />
</form>
</body>
</html>
No comments:
Post a Comment