I need a cascading dropdown effect with the comboboxes at the bottom of my page, With no ajax, it works as desired, but when I enable ajax I see the loading image and then nothing happens. What settings do I need to get this to work?
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> |
<telerik:RadAjaxManagerProxy ID="RadAjaxManagerProxy1" runat="server"> |
<AjaxSettings> |
<telerik:AjaxSetting AjaxControlID="TShirtPanel"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="TShirtPanel" LoadingPanelID="RadAjaxLoadingPanel1" /> |
<telerik:AjaxUpdatedControl ControlID="LoginView2" LoadingPanelID="RadAjaxLoadingPanel1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
<telerik:AjaxSetting AjaxControlID="MascotPanel"> |
<UpdatedControls> |
<telerik:AjaxUpdatedControl ControlID="MascotRow" |
LoadingPanelID="RadAjaxLoadingPanel1" /> |
</UpdatedControls> |
</telerik:AjaxSetting> |
</AjaxSettings> |
</telerik:RadAjaxManagerProxy> |
<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="WebBlue" /> |
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"> |
</telerik:RadAjaxLoadingPanel> |
<asp:FormView ID="ItemFV" runat="server" DataSourceID="ItemLDS"> |
<ItemTemplate> |
<table> |
<tr> |
<td align="left" rowspan="3" valign="top"> |
<asp:Image ID="ItemImage" runat="server" Height="200px" ImageAlign="Left" Width="200px" |
ImageUrl='<%# Eval("ImageURL") %>' /> |
</td> |
<td align="left" valign="top" style="height: 30px"> |
Item#:  |
<asp:Label ID="FactoryIDLBL" runat="server" Text='<%# Eval("FactoryID") %>'></asp:Label> |
<asp:Label ID="ItemIDLBL" runat="server" Text='<%# Eval("ItemID") %>' Style="display: none"></asp:Label> |
</td> |
</tr> |
<tr> |
<td align="left" height="30" valign="top"> |
Name:  |
<asp:Label ID="ItemNameLBL" runat="server" Text='<%# Eval("Name") %>'></asp:Label> |
</td> |
</tr> |
<tr> |
<td align="left" valign="top" width="300px"> |
<asp:Label ID="Label3" runat="server" Text='<%# Eval("Description") %>'></asp:Label> |
</td> |
</tr> |
</table> |
</ItemTemplate> |
</asp:FormView> |
<br /> |
<div id="TShirtCell" runat="server" align="left" valign="top" class="style1" colspan="2"> |
<asp:Panel ID="TShirtPanel" runat="server"> |
<telerik:RadGrid ID="ColorSizeGrid" runat="server" DataSourceID="ColorSizesLDS" GridLines="None" |
Skin="WebBlue" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True"> |
<MasterTableView AutoGenerateColumns="False" DataKeyNames="ColorSizeID" DataSourceID="ColorSizesLDS" |
CommandItemDisplay="Bottom" EditMode="InPlace" ShowFooter="True"> |
<RowIndicatorColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</RowIndicatorColumn> |
<ExpandCollapseColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</ExpandCollapseColumn> |
<NoRecordsTemplate> |
Please use the Add Shirts button below to start adding your shirt size/color breakdown. |
The Quantity box will be updated automatically. |
</NoRecordsTemplate> |
<CommandItemSettings AddNewRecordText="Add Shirts" /> |
<Columns> |
<telerik:GridBoundColumn DataField="ColorSizeID" DataType="System.Int32" HeaderText="ColorSizeID" |
ReadOnly="True" SortExpression="ColorSizeID" UniqueName="ColorSizeID" Visible="False"> |
</telerik:GridBoundColumn> |
<telerik:GridTemplateColumn DataField="ColorID" DataType="System.Int32" HeaderText="Color" |
SortExpression="ColorID" UniqueName="ColorID"> |
<EditItemTemplate> |
<telerik:RadComboBox ID="RadComboBox1" runat="server" DataSourceID="ColorsLDS" DataTextField="Name" |
DataValueField="ColorID" SelectedValue='<%# Bind("ColorID") %>' Skin="WebBlue"> |
<ItemTemplate> |
<asp:Label ID="Label7" runat="server" Style="display: none" Text='<%# Eval("Name") %>'></asp:Label> |
<asp:Image ID="Image4" runat="server" Height="15px" ImageAlign="AbsMiddle" |
ImageUrl='<%# Eval("ImageURL") %>' Width="90px" /> |
</ItemTemplate> |
</telerik:RadComboBox> |
</EditItemTemplate> |
<ItemTemplate> |
<asp:Label ID="ColorIDLabel" runat="server" Text='<%# Eval("Color.Name") %>'></asp:Label> |
</ItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridTemplateColumn DataField="SizeID" DataType="System.Int32" HeaderText="Size" |
SortExpression="SizeID" UniqueName="SizeID"> |
<EditItemTemplate> |
<telerik:RadComboBox ID="RadComboBox2" runat="server" DataSourceID="SizesLDS" DataTextField="Name" |
DataValueField="SizeID" SelectedValue='<%# Bind("SizeID") %>' Skin="WebBlue"> |
</telerik:RadComboBox> |
</EditItemTemplate> |
<ItemTemplate> |
<asp:Label ID="SizeIDLabel" runat="server" Text='<%# Eval("Size.Name") %>'></asp:Label> |
</ItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridTemplateColumn Aggregate="Sum" DataField="Quantity" DataType="System.Int32" |
FooterAggregateFormatString="{0}" HeaderText="Quantity" SortExpression="Quantity" |
UniqueName="Quantity"> |
<EditItemTemplate> |
<asp:TextBox ID="QuantityTextBox" runat="server" Text='<%# Bind("Quantity") %>' Width="75px" |
Style="text-align: center"></asp:TextBox> |
</EditItemTemplate> |
<ItemTemplate> |
<asp:Label ID="QuantityLabel" runat="server" Text='<%# Eval("Quantity") %>'></asp:Label> |
</ItemTemplate> |
</telerik:GridTemplateColumn> |
<telerik:GridBoundColumn DataField="TshirtID" DataType="System.Int32" HeaderText="TshirtID" |
SortExpression="TshirtID" UniqueName="TshirtID" Visible="False"> |
</telerik:GridBoundColumn> |
<telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderText="Change"> |
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="50px" Wrap="False" /> |
</telerik:GridEditCommandColumn> |
<telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" HeaderText="Remove" |
UniqueName="column"> |
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" Width="50px" /> |
</telerik:GridButtonColumn> |
</Columns> |
<EditFormSettings> |
<EditColumn UniqueName="EditCommandColumn1"> |
</EditColumn> |
</EditFormSettings> |
</MasterTableView> |
</telerik:RadGrid> |
</asp:Panel> |
</div> |
<telerik:RadGrid ID="PriceBreakGrid" runat="server" DataSourceID="PriceBreakLDS" |
GridLines="None" Skin="WebBlue" Width="200px"> |
<MasterTableView AutoGenerateColumns="False" DataKeyNames="PriceBreakID" DataSourceID="PriceBreakLDS"> |
<RowIndicatorColumn> |
<HeaderStyle Width="20px" /> |
</RowIndicatorColumn> |
<ExpandCollapseColumn> |
<HeaderStyle Width="20px" /> |
</ExpandCollapseColumn> |
<Columns> |
<telerik:GridBoundColumn DataField="PriceBreakID" DataType="System.Int32" HeaderText="PriceBreakID" |
ReadOnly="True" SortExpression="PriceBreakID" UniqueName="PriceBreakID" Visible="False"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="ItemID" DataType="System.Int32" HeaderText="ItemID" |
SortExpression="ItemID" UniqueName="ItemID" Visible="False"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Quantity" DataType="System.Int32" HeaderText="Quantity" |
SortExpression="Quantity" UniqueName="Quantity"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Price" DataFormatString="{0:c}" DataType="System.Decimal" |
HeaderText="Price" SortExpression="Price" UniqueName="Price"> |
</telerik:GridBoundColumn> |
</Columns> |
</MasterTableView> |
</telerik:RadGrid> |
<asp:LoginView ID="LoginView2" runat="server"> |
<LoggedInTemplate> |
<table> |
<tr valign="middle"> |
<td> |
Quantity: |
</td> |
<td> |
<telerik:RadNumericTextBox ID="QuantityNTB" runat="server" MinValue="0" Skin="WebBlue" |
Style="text-align: center" Width="75px" ValidationGroup="Quantity"> |
<NumberFormat DecimalDigits="0" /> |
</telerik:RadNumericTextBox> |
</td> |
<td> |
<asp:RangeValidator ID="QuantityRV" runat="server" ErrorMessage="You have entered a quantity lower than the minimum for this item" |
ControlToValidate="QuantityNTB" Text="*" Display="Dynamic" MaximumValue="99999999" |
Type="Integer" ValidationGroup="Quantity"></asp:RangeValidator> |
<asp:CustomValidator ID="QuantityTShirtCV" runat="server" ErrorMessage="The quanity must equal the total number of shirts." |
ControlToValidate="QuantityNTB" Display="Dynamic" OnServerValidate="QuantityTShirtCV_ServerValidate">*</asp:CustomValidator> |
</td> |
<td align="center"> |
Add To Cart And: |
</td> |
</tr> |
<tr> |
<td colspan="3"> |
<asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="Quantity" /> |
</td> |
<td> |
<asp:Button ID="AddToCartBtn" runat="server" OnClick="AddToCartBtn_Click" Text="Continue Shopping" |
ValidationGroup="Quantity" Height="21px" Width="125px" /> |
</td> |
</tr> |
<tr> |
<td colspan="3"> |
</td> |
<td> |
<asp:Button ID="AddAndCatrBTN" runat="server" OnClick="AddAndViewCartBtn_Click" Text="Check Out" |
ValidationGroup="Quantity" Height="21px" Width="125px" /> |
</td> |
</tr> |
</table> |
</LoggedInTemplate> |
<AnonymousTemplate> |
You must be logged in to place an order<br /> |
<asp:LoginStatus ID="LoginStatus3" runat="server" /> |
or |
<asp:LinkButton ID="RegisterLinkButton" runat="server" OnClick="RegisterLinkButton_Click">Register</asp:LinkButton> |
</AnonymousTemplate> |
</asp:LoginView> |
<telerik:RadGrid ID="ChoiceGrid" runat="server" DataSourceID="ItemChoiceLDS" GridLines="None" |
Width="250px" Skin="WebBlue" OnDataBound="EmptyGridCheckOnGrid_DataBound"> |
<MasterTableView AutoGenerateColumns="False" DataKeyNames="ItemChoiceID" DataSourceID="ItemChoiceLDS"> |
<RowIndicatorColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</RowIndicatorColumn> |
<ExpandCollapseColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</ExpandCollapseColumn> |
<Columns> |
<telerik:GridBoundColumn DataField="ItemChoiceID" DataType="System.Int32" HeaderText="ItemChoiceID" |
ReadOnly="True" SortExpression="ItemChoiceID" UniqueName="ItemChoiceID" Visible="False"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="ItemID" DataType="System.Int32" HeaderText="ItemID" |
SortExpression="ItemID" UniqueName="ItemID" Visible="False"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Name" HeaderText="Choice" SortExpression="Name" |
UniqueName="Name"> |
</telerik:GridBoundColumn> |
<telerik:GridTemplateColumn HeaderText="Value" UniqueName="Value"> |
<EditItemTemplate> |
</EditItemTemplate> |
<ItemTemplate> |
<asp:LinqDataSource ID="ChoicesLDS" runat="server" ContextTypeName="CatalystDataContext" |
TableName="Choices" Where="ItemChoiceID == @ItemChoiceID"> |
<WhereParameters> |
<asp:ControlParameter ControlID="Label4" Name="ItemChoiceID" PropertyName="Text" |
Type="Int32" /> |
</WhereParameters> |
</asp:LinqDataSource> |
<asp:Label ID="Label4" runat="server" Text='<%# Eval("ItemChoiceID") %>' Visible="False"></asp:Label> |
<telerik:RadComboBox ID="ChoiceCB" runat="server" DataSourceID="ChoicesLDS" DataTextField="Name" |
DataValueField="ImageURL" Skin="WebBlue"> |
<ItemTemplate> |
<asp:Label ID="Label5" runat="server" Text='<%# Eval("Name") %>'></asp:Label> |
<asp:Image ID="Image2" runat="server" Height="25px" ImageAlign="AbsMiddle" ImageUrl='<%# Eval("ImageURL") %>' |
Width="25px" /> |
</ItemTemplate> |
</telerik:RadComboBox> |
</ItemTemplate> |
</telerik:GridTemplateColumn> |
</Columns> |
</MasterTableView> |
</telerik:RadGrid> |
<telerik:RadGrid ID="OptionGrid" runat="server" DataSourceID="OptionsLDS" GridLines="None" |
Width="400px" Skin="WebBlue" OnDataBound="EmptyGridCheckOnGrid_DataBound"> |
<MasterTableView AutoGenerateColumns="False" DataKeyNames="OptionID" DataSourceID="OptionsLDS"> |
<RowIndicatorColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</RowIndicatorColumn> |
<ExpandCollapseColumn> |
<HeaderStyle Width="20px"></HeaderStyle> |
</ExpandCollapseColumn> |
<Columns> |
<telerik:GridBoundColumn DataField="OptionID" DataType="System.Int32" HeaderText="OptionID" |
ReadOnly="True" SortExpression="OptionID" UniqueName="OptionID" Visible="False"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="ItemID" DataType="System.Int32" HeaderText="ItemID" |
SortExpression="ItemID" UniqueName="ItemID" Visible="False"> |
</telerik:GridBoundColumn> |
<telerik:GridBoundColumn DataField="Name" HeaderText="Option" SortExpression="Name" |
UniqueName="Name"> |
</telerik:GridBoundColumn> |
<telerik:GridTemplateColumn HeaderText="Value" UniqueName="Value"> |
<ItemTemplate> |
<telerik:RadTextBox ID="OptionRTB" runat="server" TextMode="MultiLine" Width="300px"> |
</telerik:RadTextBox> |
</ItemTemplate> |
</telerik:GridTemplateColumn> |
</Columns> |
</MasterTableView> |
</telerik:RadGrid> |
<div id="MascotHeaderRow" runat="server"> |
This design makes use of your school's Mascot. |
<br /> |
Please choose from one of our stock mascots, |
<br /> |
or check the box to use a custom image |
<asp:CheckBox ID="UseCustomImageCB" runat="server" Text="Use Custom Image" AutoPostBack="True" |
OnCheckedChanged="UseCustomImageCB_CheckedChanged" /> |
</div> |
<div id="MascotRow" runat="server"> |
<asp:Panel ID="MascotPanel" runat="server"> |
<table cellspacing="5"> |
<tr> |
<td valign="middle"> |
<telerik:RadComboBox ID="MascotCatCB" runat="server" DataSourceID="MascotCategoriesLDS" |
DataTextField="Name" DataValueField="MascotCategoryID" AutoPostBack="True" MaxHeight="500px" |
Skin="WebBlue" OnSelectedIndexChanged="MascotCatCB_SelectedIndexChanged"> |
</telerik:RadComboBox> |
</td> |
<td valign="middle"> |
<telerik:RadComboBox ID="MascotCB" runat="server" DataSourceID="MascotsLDS" DataTextField="Name" |
DataValueField="MascotID" EnableVirtualScrolling="True" AutoPostBack="True" OnDataBound="MascotCB_DataBound" |
OnSelectedIndexChanged="MascotCB_SelectedIndexChanged" MaxHeight="500px" Skin="WebBlue" |
Width="250px"> |
<ItemTemplate> |
<table> |
<tr> |
<td valign="middle" align="left" width="200"> |
<asp:Label ID="Label6" runat="server" Text='<%# Eval("Name") %>'></asp:Label> |
</td> |
<td align="right"> |
<asp:Image ID="Image3" runat="server" Height="100px" ImageUrl='<%# Eval("ImageURL") %>' |
Width="100px" /> |
</td> |
</tr> |
</table> |
</ItemTemplate> |
</telerik:RadComboBox> |
</td> |
<td align="left" valign="top" width="200"> |
<asp:Image ID="MascotImage" runat="server" Height="150px" Width="150px" /> |
</td> |
</tr> |
</table> |
</asp:Panel> |
</div> |
<div id="CustomImageHeaderRow" runat="server"> |
Use the dropdown to select an image you have already uploaded, or the select and |
upload buttons to upload a new image</div> |
<div id="CustomImageRow" runat="server"> |
<telerik:RadComboBox ID="CustomerImageRCB" runat="server" AppendDataBoundItems="True" |
DataSourceID="CustomerImageLDS" DataTextField="Name" DataValueField="CustomerImageID" |
Skin="WebBlue"> |
<Items> |
<telerik:RadComboBoxItem runat="server" Text="None" Value="null" /> |
</Items> |
</telerik:RadComboBox> |
<telerik:RadUpload ID="ImageUpload" runat="server" ControlObjectsVisibility="None" |
TargetFolder="Images/Customer" Skin="WebBlue" Width="275px"> |
</telerik:RadUpload> |
<asp:Button ID="CustomerImageUploadBTN" runat="server" Text="Upload" OnClick="CustomerImageUploadBTN_Click" /> |
</div> |
<asp:LinqDataSource ID="ItemLDS" runat="server" ContextTypeName="CatalystDataContext" |
OnSelecting="ItemLDS_Selecting" TableName="Items"> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="PriceBreakLDS" runat="server" ContextTypeName="CatalystDataContext" |
TableName="PriceBreaks" Where="ItemID == @ItemID" OrderBy="Quantity"> |
<WhereParameters> |
<asp:QueryStringParameter DefaultValue="1" Name="ItemID" QueryStringField="itemid" |
Type="Int32" /> |
</WhereParameters> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="ItemChoiceLDS" runat="server" ContextTypeName="CatalystDataContext" |
OrderBy="Name" TableName="ItemChoices" Where="ItemID == @ItemID"> |
<WhereParameters> |
<asp:QueryStringParameter DefaultValue="1" Name="ItemID" QueryStringField="itemid" |
Type="Int32" /> |
</WhereParameters> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="OptionsLDS" runat="server" ContextTypeName="CatalystDataContext" |
TableName="Options" Where="ItemID == @ItemID"> |
<WhereParameters> |
<asp:QueryStringParameter DefaultValue="1" Name="ItemID" QueryStringField="itemid" |
Type="Int32" /> |
</WhereParameters> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="MascotCategoriesLDS" runat="server" ContextTypeName="CatalystDataContext" |
TableName="MascotCategories"> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="MascotsLDS" runat="server" ContextTypeName="CatalystDataContext" |
TableName="Mascots" Where="MascotCategoryID == @MascotCategoryID"> |
<WhereParameters> |
<asp:ControlParameter ControlID="MascotCatCB" Name="MascotCategoryID" PropertyName="SelectedValue" |
Type="Int32" /> |
</WhereParameters> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="ColorSizesLDS" runat="server" ContextTypeName="CatalystDataContext" |
EnableDelete="True" EnableInsert="True" EnableUpdate="True" OnSelecting="ColorSizesLDS_Selecting" |
TableName="ColorSizes" OnInserting="ColorSizesLDS_Inserting" OnInserted="ColorSizesLDS_Inserted" |
OnDeleted="ColorSizesLDS_Inserted" OnUpdated="ColorSizesLDS_Inserted"> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="CustomerImageLDS" runat="server" ContextTypeName="CatalystDataContext" |
TableName="CustomerImages" Where="CustomerID == @CustomerID"> |
<WhereParameters> |
<asp:ProfileParameter DbType="Guid" Name="CustomerID" PropertyName="userid" /> |
</WhereParameters> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="ColorsLDS" runat="server" ContextTypeName="CatalystDataContext" |
TableName="Colors"> |
</asp:LinqDataSource> |
<asp:LinqDataSource ID="SizesLDS" runat="server" ContextTypeName="CatalystDataContext" |
TableName="Sizes"> |
</asp:LinqDataSource> |
</asp:Content> |