Can u plz help me from start to end by procedure in adding a drop down list to Ultra web grid??

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Infragistics2.WebUI.WebCombo.v8.3, Version=8.3.20083.1009, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.WebCombo" TagPrefix="igcmbo" %>

<%@ Register Assembly="Infragistics2.WebUI.UltraWebGrid.v8.3, Version=8.3.20083.1009, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.WebUI.UltraWebGrid" TagPrefix="igtbl" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Untitled Page</title>

</head>

<body>

<div>

<igtbl:UltraWebGrid ID="UltraWebGrid1" runat="server"

Height="310px" Style="z-index: 100; left: 53px; position: absolute; top: 126px"

Width="681px" OnDeleteRow="UltraWebGrid1_DeleteRow" OnInitializeLayout="UltraWebGrid1_InitializeLayout" OnUpdateGrid="UltraWebGrid1_UpdateGrid" OnUpdateRow="UltraWebGrid1_UpdateRow" OnInitializeRow="UltraWebGrid1_InitializeRow">

<Bands>

<igtbl:UltraGridBand AllowAdd="Yes" AllowDelete="Yes" AllowUpdate="Yes">

<igtbl:TemplatedColumn key="Year of joining" AllowUpdate="Yes"

Type="DropDownList" BaseColumnName="Year of joining" >

</Header>

</Footer>

<asp:DropDownList ID="DropDownList1" runat=server Width=70px AutoPostBack=true >

<asp:ListItem Value="1990" Text="1990" Selected=True/>

<asp:ListItem Value="1991" Text="1991" />

<asp:ListItem Value="1992" Text="1992" />

<asp:ListItem Value="1993" Text="1993" />

</asp:DropDownList>

</CellTemplate>

</igtbl:TemplatedColumn>

</Columns>

<br />

<input id="igtbl_reOkBtn" onclick="igtbl_gRowEditButtonClick(event);" style="width: 50px"

type="button" value="OK" /> 

<input id="igtbl_reCancelBtn" onclick="igtbl_gRowEditButtonClick(event);" style="width: 50px"

type="button" value="Cancel" /></p>

</RowEditTemplate>

</RowTemplateStyle>

</AddNewRow>

</igtbl:UltraGridBand>

</Bands>

<DisplayLayout BorderCollapseDefault="Separate" Name="UltraWebGrid1" RowHeightDefault="20px"

Version="4.00" AllowAddNewDefault="Yes" AllowDeleteDefault="Yes" AllowUpdateDefault="Yes">

<FrameStyle BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt"

Height="310px" Width="681px">

</FrameStyle>

<Pager>

</PagerStyle>

</Pager>

</EditCellStyleDefault>

</HeaderStyleDefault>

<RowStyleDefault BackColor="White" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px"

Font-Names="Verdana" Font-Size="8pt">

</RowStyleDefault>

</BoxStyle>

</AddNewBox>

</ActivationObject>

</AddNewRowDefault>

</DisplayLayout>

</igtbl:UltraWebGrid>

</div>

<asp:Label ID="Label1" runat="server" Style="z-index: 101; left: 261px; position: absolute;

top: 38px" Width="289px"></asp:Label>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NORTHWNDConnectionString2 %>"

SelectCommand="SELECT [Title] FROM [Employees]"></asp:SqlDataSource>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="UltraWebGrid1"

ErrorMessage="RequiredField!! Enter a value" Style="z-index: 102; left: 55px;

position: absolute; top: 95px"></asp:RequiredFieldValidator>

<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="UltraWebGrid1"

ErrorMessage="Not a valid Name!!" Style="z-index: 103; left: 570px; position: absolute;

top: 95px" ValidationExpression="^\D[a-z'\s\DA-Z]+"></asp:RegularExpressionValidator>

<asp:DropDownList ID="DropDownList2" runat="server" Style="z-index: 105; left: 612px;

position: absolute; top: 37px">

</asp:DropDownList>

</form>

</body>

</html>