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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!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 runat="server">
    <title></title>

    <script type="text/javascript">
        function updateTextbox(txtBox, ddList) {

            var textBox = $get(txtBox);
            var dropDown = $get(ddList);
            textBox.value = dropDown.value;

        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadGrid ID="RadGrid1" runat="server" ShowGroupPanel="True" Width="99%" AllowPaging="True"
            AllowMultiRowSelection="false" PageSize="50" DataSourceID="SqlDataSource1" GridLines="None"
            PagerStyle-AlwaysVisible="true" AutoGenerateEditColumn="true" OnItemDataBound="RadGrid1_ItemDataBound">
            <ExportSettings>
                <Pdf FontType="Subset" PaperSize="Letter" />
                <Csv ColumnDelimiter="Colon" RowDelimiter="NewLine" />
            </ExportSettings>
            <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle>
            <ItemStyle Font-Size="8pt" VerticalAlign="Middle" />
            <AlternatingItemStyle Font-Size="8pt" VerticalAlign="Middle" />
            <SelectedItemStyle />
            <GroupPanel>
            </GroupPanel>
            <FilterMenu EnableEmbeddedSkins="true" Skin="Vista">
            </FilterMenu>
            <MasterTableView AutoGenerateColumns="False" Name="Requirements" EditMode="EditForms"
                GridLines="None" DataKeyNames="ProductID" DataSourceID="SqlDataSource1" CommandItemDisplay="TopAndBottom">
                <RowIndicatorColumn Visible="True">
                </RowIndicatorColumn>
                <EditFormSettings EditFormType="Template">
                    <FormTemplate>
                        <asp:DropDownList ID="DropDownList1" runat="server">
                            <asp:ListItem Text="1" Value="1"></asp:ListItem>
                            <asp:ListItem Text="2" Value="2"></asp:ListItem>
                        </asp:DropDownList>
                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                    </FormTemplate>
                </EditFormSettings>
                <Columns>
                    <telerik:GridBoundColumn DataField="ProductName" HeaderText="ProductName" UniqueName="ProductName"
                        AllowFiltering="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="ProductID" HeaderText="ProductID" UniqueName="ProductID"
                        AllowFiltering="true" DataType="System.Int32" ReadOnly="false">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="CategoryName" HeaderText="CategoryName" UniqueName="CategoryName">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="CategoryID" HeaderText="CategoryID" UniqueName="CategoryID"
                        DataType="System.Int32">
                    </telerik:GridBoundColumn>
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
            SelectCommand="SELECT [ProductName], [ProductID], [CategoryName], [CategoryID] FROM [Alphabetical list of products]">
        </asp:SqlDataSource>
    </div>
    </form>
</body>
</html>
