Refer this code for GridView.
Ref:
HTML
<%@ Register Assembly="TimePicker" Namespace="MKB.TimePicker" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="SubjectName" HeaderText="Subject Name" />
<asp:TemplateField HeaderText="Start Time">
<ItemTemplate>
<cc1:TimeSelector ID="StartTime" runat="server">
</cc1:TimeSelector>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="End Time">
<ItemTemplate>
<cc1:TimeSelector ID="EndTime" runat="server">
</cc1:TimeSelector>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Save">
<ItemTemplate>
<asp:Button Text="Save" OnClick="Save" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</form>
</body>
</html>
Namespaces
using System.Data;
using MKB.TimePicker;
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.Add("SubjectName", typeof(string));
dt.Rows.Add("English");
dt.Rows.Add("Hindi");
dt.Rows.Add("Marathi");
dt.Rows.Add("Science");
dt.Rows.Add("History");
this.GridView1.DataSource = dt;
this.GridView1.DataBind();
}
}
protected void Save(object sender, EventArgs e)
{
GridViewRow row = (sender as Button).NamingContainer as GridViewRow;
string subjectName = row.Cells[0].Text;
string startTime = (row.FindControl("StartTime") as TimeSelector).Date.ToString("hh : mm : ss tt");
string endTime = (row.FindControl("EndTime") as TimeSelector).Date.ToString("hh : mm : ss tt");
this.Insert(subjectName, startTime, endTime);
}
private void Insert(string subjectName, string startTime, string endTime)
{
// Pass these parameter to query and save the result.
}