Scribd
Upload
98 views

All Codes

The document contains code for an ASP.NET DataGrid control and DataList control that display data from a database. The DataGrid allows paging through records and updating/deleting rows. The DataList displays all the details of a reservation or rate request in a table format, pulling data from database fields.

Uploaded by

api-3848319
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
98 views

All Codes

The document contains code for an ASP.NET DataGrid control and DataList control that display data from a database. The DataGrid allows paging through records and updating/deleting rows. The DataList displays all the details of a reservation or rate request in a table format, pulling data from database fields.

Uploaded by

api-3848319
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 17

Data Grid:

<asp:DataGrid ID="grid1" runat="server" BackColor="White"


BorderColor="#999999" BorderStyle="Solid" BorderWidth="1px"
CellPadding="3" ForeColor="Black" GridLines="Vertical" ShowFooter="True"
AutoGenerateColumns="False" AllowPaging="True"
OnItemCommand="grid1_ItemCommand"
OnPageIndexChanged="grid1_PageIndexChanged">
<FooterStyle BackColor="#CCCCCC" />
<SelectedItemStyle BackColor="#000099" Font-
Bold="True" ForeColor="White" />
<PagerStyle BackColor="#999999" ForeColor="Black"
HorizontalAlign="Center" NextPageText="Next" PrevPageText="Prev" />
<AlternatingItemStyle BackColor="#CCCCCC" />
<HeaderStyle BackColor="Black" Font-Bold="True"
ForeColor="White" />

<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<asp:Label ID="lblid" runat="server"
Visible="false"
Text='<%#DataBinder.Eval(Container.DataItem,"serialno")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="First Name">
<ItemTemplate>
<asp:Label ID="label1" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"firstname")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Last Name">


<ItemTemplate>
<asp:Label ID="label2" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"lastname")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Email Address">


<ItemTemplate>
<asp:Label ID="label3" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"email")%>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>

<asp:TemplateColumn HeaderText="Phone Number">


<ItemTemplate>
<asp:Label ID="label4" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"phonenumber")%>'></asp:Lab
el>
</ItemTemplate>
</asp:TemplateColumn>

<asp:ButtonColumn CommandName="select"
HeaderText="View Details" Text="Details"></asp:ButtonColumn>
<asp:ButtonColumn CommandName="update"
HeaderText="Update" Text="Update"></asp:ButtonColumn>
<asp:ButtonColumn CommandName="delete"
HeaderText="Delete" Text="Delete"></asp:ButtonColumn>
</Columns>
</asp:DataGrid>

C# code:

using System.Data.SqlClient;
using System.Text;
using System.IO;

SqlConnection con = new


SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber
ty;pwd=fitzart2-");
protected void Page_Load(object sender, EventArgs e)
{
con.Open();
Bind();
}
public void Bind()
{
SqlCommand cmd = new SqlCommand("select * from application",
con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
da.Fill(ds, "application");
grid1.DataSource = ds;
grid1.DataBind();

}
protected void grid1_PageIndexChanged(object source,
DataGridPageChangedEventArgs e)
{
grid1.CurrentPageIndex = e.NewPageIndex;
Bind();
}
protected void grid1_ItemCommand(object source,
DataGridCommandEventArgs e)
{
if (e.CommandName == "select")
{
TableCell c = (TableCell)e.Item.Controls[0];
Session["asd"] = ((Label)c.Controls[1]).Text;
//Session["prop"] = ((Label)c.Controls[1]).Text;

Response.Redirect("applicantdetails.aspx");
}
if (e.CommandName == "update")
{
TableCell c = (TableCell)e.Item.Controls[0];
Session["asd"] = ((Label)c.Controls[1]).Text;
Response.Redirect("applicationupdate.aspx");

}
if (e.CommandName == "delete")
{
TableCell c = (TableCell)e.Item.Controls[0];
string s = ((Label)c.Controls[1]).Text;
SqlCommand cmddelete = new SqlCommand("delete from
application where serialno='" + s.ToString() + "'", con);
cmddelete.ExecuteNonQuery();
Page.RegisterStartupScript("asd", "<script>alert('Details
deleted successfully')</script>");
Bind();

}
}

Data List:
<asp:DataList ID="DataList1" runat="server" BackColor="Black"
BorderColor="Black"
BorderStyle="Solid" BorderWidth="2px"
CellPadding="3" Font-Bold="True" CellSpacing="1" EnableTheming="True">
<FooterStyle BackColor="Black"
ForeColor="White" />
<SelectedItemStyle BackColor="#9471DE" Font-
Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#4A3C8C" Font-
Bold="True" ForeColor="#E7E7FF" />
<ItemTemplate>
<table>
<tr>
<td align="left">
<asp:Label ID="lblrequest" runat="server" Text="Reservation
or Request :"></asp:Label>
</td>

<td><asp:Label ID="lbl1propertyid" runat="server"


Text='<%#DataBinder.Eval(Container.DataItem,"reservationorraterequest")
%>'></asp:Label></td>
</tr>

<tr>
<td>
<asp:Label ID="lblfirstnam" runat="server" Text="First Name
:"></asp:Label>
</td>
<td>
<asp:Label ID="lblfirstname" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"firstname")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label1" runat="server" Text="Last Name
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label2" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"lastname")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label3" runat="server" Text="Address
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label4" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"Address")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label5" runat="server" Text="Address1
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label6" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"address1")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label7" runat="server" Text="City
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label8" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"city")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label9" runat="server" Text="State
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label10" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"state")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label11" runat="server" Text="Zipcode
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label12" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"zipcode")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label13" runat="server" Text="Home Phone
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label14" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"homephone")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label15" runat="server" Text="Work Phone
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label16" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"workphone")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label17" runat="server" Text="Cell Phone
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label18" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"cellphone")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label19" runat="server" Text="Email Id
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label20" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"email")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label21" runat="server" Text="Contact Source
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label22" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"howtocontact")%>'></asp:La
bel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label23" runat="server" Text="Reservation
Date&Time :"></asp:Label>
</td>
<td>
<asp:Label ID="Label24" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"datetime")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label25" runat="server" Text="Airport
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label26" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"airport")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label27" runat="server" Text="Airline
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label28" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"airline")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label29" runat="server" Text="Flight
Number&Trip :"></asp:Label>
</td>
<td>
<asp:Label ID="Label30" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"flightnumber")%>'></asp:La
bel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label31" runat="server" Text="Pickup Address
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label32" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"pickupaddress")%>'></asp:L
abel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label33" runat="server" Text="Destination
Address :"></asp:Label>
</td>
<td>
<asp:Label ID="Label34" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"destinationaddress")%>'></
asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label35" runat="server" Text="Interested
Vehicle :"></asp:Label>
</td>
<td>
<asp:Label ID="Label36" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"interestedvehicle")%>'></a
sp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label37" runat="server" Text="No Of Passengers
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label38" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"noofpassengers")%>'></asp:
Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label39" runat="server" Text="Special Event
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label40" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"specialevent")%>'></asp:La
bel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label41" runat="server" Text="Special
Insructions :"></asp:Label>
</td>
<td>
<asp:Label ID="Label42" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"specialinstruction")%>'></
asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label43" runat="server" Text="Payment Method
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label44" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"paymentmethod")%>'></asp:L
abel>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label45" runat="server" Text="Card Type
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label46" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"cardtype")%>'></asp:Label>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label47" runat="server" Text="Card Number
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label48" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"cardnumber")%>'></asp:Label
>
</td>
</tr>
<tr>
<td>
<asp:Label ID="Label49" runat="server" Text="Card Holder
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label50" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"cardholder")%>'></asp:Label
>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label51" runat="server" Text="Expiry Date
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label52" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"expirydate")%>'></asp:Label
>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label53" runat="server" Text="Phone Number
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label54" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"phonenumber")%>'></asp:Lab
el>
</td>
</tr>

<tr>
<td>
<asp:Label ID="Label55" runat="server" Text="Shipping Address
:"></asp:Label>
</td>
<td>
<asp:Label ID="Label56" runat="server"
Text='<%#DataBinder.Eval(Container.DataItem,"myshippingaddress")%>'></a
sp:Label>
</td>
</tr>

</table></ItemTemplate>
<ItemStyle BackColor="#DEDFDE"
ForeColor="Black" />
</asp:DataList>

C# code:

using System.Data.SqlClient;
protected void Page_Load(object sender, EventArgs e)
{

SqlConnection con = new


SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber
ty;pwd=fitzart2-");
con.Open();
SqlCommand cmd = new SqlCommand("select * from application where
serialno='" + Session["asd"] + "'", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataSet ds = new DataSet();
da.Fill(ds, "application");
DataList1.DataSource = ds;
DataList1.DataBind();
}

To get an ID automatically:

int count = 0;

SqlConnection con = new


SqlConnection("server=69.50.193.144;database=a1liberty;uid=admina1liber
ty;pwd=fitzart2-");
con.Open();
SqlCommand nw = new SqlCommand("select max(serialno) from
application",con);
SqlDataReader dr = nw.ExecuteReader();
dr.Read();
if (dr[0].ToString()=="")
{
count = 1000;
}
else
{
count = Convert.ToInt32(dr[0].ToString()) + 1;

}
dr.Close();

Copy the following code into your HEAD tags.

<script language="JavaScript">
<!--
var months = new Array("January", "February", "March", "April", "May",
"June", "July", "August", "September", "October", "November",
"December");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30,
31);
var days = new Array("S", "M", "T", "W", "T", "F", "S");

today = new getToday();


var element_id;
function getDays(month, year)
{
// Test for leap year when February is selected.
if (1 == month)
return ((0 == year % 4) && (0 != (year % 100))) ||
(0 == year % 400) ? 29 : 28;
else
return daysInMonth[month];
}

function getToday()
{
// Generate today's date.
this.now = new Date();
this.year = this.now.getFullYear() ; // Returned year XXXX
this.month = this.now.getMonth();
this.day = this.now.getDate();
}

function newCalendar()
{
var parseYear = parseInt(document.all.year
[document.all.year.selectedIndex].text);

var newCal = new Date(parseYear ,


document.all.month.selectedIndex, 1);
var day = -1;
var startDay = newCal.getDay();
var daily = 0;

today = new getToday(); // 1st call


if ((today.year == newCal.getFullYear() ) && (today.month ==
newCal.getMonth()))
day = today.day;
// Cache the calendar table's tBody section, dayList.
var tableCal = document.all.calendar.tBodies.dayList;

var intDaysInMonth =
getDays(newCal.getMonth(), newCal.getFullYear() );

for (var intWeek = 0; intWeek < tableCal.rows.length;


intWeek++)
for (var intDay = 0;
intDay < tableCal.rows[intWeek].cells.length;
intDay++)
{
var cell = tableCal.rows[intWeek].cells[intDay];

// Start counting days.


if ((intDay == startDay) && (0 == daily))
daily = 1;

// Highlight the current day.


cell.style.color = (day == daily) ? "red" : "";
if(day == daily)
{
document.all.todayday.innerText= "Today: " + day +
"/" +
(newCal.getMonth()+1) + "/" + newCal.getFullYear();
}
// Output the day number into the cell.
if ((daily > 0) && (daily <= intDaysInMonth))
cell.innerText = daily++;
else
cell.innerText = "";
}

function getTodayDay()
{
document.all[element_id].value = today.day + "/"
+ (today.month+1) +
"/" + today.year;
//document.all.calendar.style.visibility="hidden";
document.all.calendar.style.display="none";
document.all.year.selectedIndex =100;
document.all.month.selectedIndex = today.month;
}

function getDate()
{
// This code executes when the user clicks on a day
// in the calendar.
if ("TD" == event.srcElement.tagName)
// Test whether day is valid.
if ("" != event.srcElement.innerText)
{
var mn =
document.all.month.selectedIndex+1;
var Year = document.all.year
[document.all.year.selectedIndex].text;

document.all[element_id].value=event.srcElement.innerText+"/"+mn
+"/" +Year;
//document.all.calendar.style.visibility="hidden";
document.all.calendar.style.display="none";
}
}

function GetBodyOffsetX(el_name, shift)


{
var x;
var y;
x = 0;
y = 0;

var elem = document.all[el_name];


do
{
x += elem.offsetLeft;
y += elem.offsetTop;
if (elem.tagName == "BODY")
break;
elem = elem.offsetParent;
} while (1 > 0);

shift[0] = x;
shift[1] = y;
return x;
}

function SetCalendarOnElement(el_name)
{
if (el_name=="")
el_name = element_id;
var shift = new Array(2);
GetBodyOffsetX(el_name, shift);
document.all.calendar.style.pixelLeft = shift[0]; // -
document.all.calendar.offsetLeft;
document.all.calendar.style.pixelTop = shift[1] + 25 ;
}

function ShowCalendar(elem_name)
{
if (elem_name=="")
elem_name = element_id;

element_id = elem_name; // element_id is global variable


newCalendar();
SetCalendarOnElement(element_id);
//document.all.calendar.style.visibility = "visible";
document.all.calendar.style.display="inline";
}

function HideCalendar()
{
//document.all.calendar.style.visibility="hidden";
document.all.calendar.style.display="none";
}

function toggleCalendar(elem_name)
{
//if (document.all.calendar.style.visibility == "hidden")
if(document.all.calendar.style.display=="none")
ShowCalendar(elem_name);
else
HideCalendar();
}
-->
</script>

<style>
.today {COLOR: black; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-
WEIGHT: bold}
.days {COLOR: navy; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt; FONT-
WEIGHT: bold; TEXT-ALIGN: center}
.dates {COLOR: black; FONT-FAMILY: sans-serif; FONT-SIZE: 10pt}
</style>

Copy the following code into the BODY of your html page.

<FORM name=myForm>
<INPUT id=MyDate name=MyDate size=15>
<a href="JavaScript:;"
onClick="toggleCalendar('MyDate')">Calendar</a>
</form>
<TABLE bgColor=#ffffff border=1 cellPadding=0 cellSpacing=3
id=calendar style="DISPLAY: none; POSITION: absolute; Z-INDEX: 4">
<TBODY>
<TR>
<TD colSpan=7 vAlign=center>
<!-- Month combo box -->
<SELECT id=month onchange=newCalendar()>
<SCRIPT language=JavaScript>
// Output months into the document.
// Select current month.
for (var intLoop = 0; intLoop < months.length; intLoop++)
document.write("<OPTION " + (today.month ==
intLoop ? "Selected" : "") + ">" + months[intLoop]);
</SCRIPT>
</SELECT>
<!-- Year combo box -->
<SELECT id=year onchange=newCalendar()>
<SCRIPT language=JavaScript>
// Output years into the document.
// Select current year.
for (var intLoop = 1900; intLoop < 2028; intLoop++)
document.write("<OPTION " + (today.year ==
intLoop ? "Selected" : "") + ">" + intLoop);
</SCRIPT>
</SELECT>

</TD>
</TR>

<TR class=days>
<!-- Generate column for each day. -->
<SCRIPT language=JavaScript>
// Output days.
for (var intLoop = 0; intLoop < days.length; intLoop++)
document.write("<TD>" + days[intLoop] + "</TD>");
</SCRIPT>
</TR>

<TBODY class=dates id=dayList onclick="getDate('')"


vAlign=center>
<!-- Generate grid for individual days. -->
<SCRIPT language=JavaScript>
for (var intWeeks = 0; intWeeks < 6; intWeeks++)
{
document.write("<TR>");
for (var intDays = 0; intDays < days.length; intDays++)
document.write("<TD></TD>");
document.write("</TR>");
}
</SCRIPT>

<!-- Generate today day. --></TBODY>


<TBODY>
<TR>
<TD class=today colSpan=5 id=todayday
onclick=getTodayDay()></TD>
<TD align=right colSpan=2><A
href="javascript:HideCalendar();"><SPAN style="COLOR: black; FONT-
SIZE: 10px"><B>Hide</B></SPAN></A></TD>
</TR>
</TBODY>

</TABLE>

You might also like