Mar 25, 2014, 9:24 PM
[CLOSED] DropdownField within a CompositeField throws an error
Hi,
Please consider the code sample below. When the DropdownField is expanded, it throws a client side error. If I remove the encapsulating CompositeField control, the error disappears.
Please consider the code sample below. When the DropdownField is expanded, it throws a client side error. If I remove the encapsulating CompositeField control, the error disappears.
<%@ Page Language="C#" %>
<%@ Register TagPrefix="ext" Namespace="Ext.Net" Assembly="Ext.Net" %>
<!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>
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Script" />
<ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Style" />
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport runat="server" Layout="FitLayout">
<Items>
<ext:FormPanel runat="server" ID="FormPanel1">
<Items>
<ext:TextField ID="TextField1" runat="Server" Width="300" FieldLabel="Text 1"></ext:TextField>
<ext:CompositeField runat="server" FieldLabel="Dropdown Field 1">
<Items>
<ext:DropDownField ID="DropDownField1" runat="server" Editable="false" Width="300" TriggerIcon="Search">
<Component>
<ext:Panel runat="server" Width="300" Height="80" Layout="column">
<Items>
<ext:MenuPanel runat="server" Border="false" ColumnWidth="0.33" SaveSelection="false">
<Menu runat="server" ShowSeparator="false">
<Items>
<ext:MenuItem runat="server" Text="Item 1" Icon="Group" />
<ext:MenuItem runat="server" Text="Item 2" Icon="Group" />
<ext:MenuItem runat="server" Text="Item 3" Icon="Group" />
</Items>
<Listeners>
<ItemClick Handler="#{DropDownField1}.setValue(menuItem.text);" />
</Listeners>
</Menu>
</ext:MenuPanel>
<ext:MenuPanel runat="server" Border="false" ColumnWidth="0.33" SaveSelection="false">
<Menu runat="server" ShowSeparator="false">
<Items>
<ext:MenuItem runat="server" Text="Item 4" Icon="Group" />
<ext:MenuItem runat="server" Text="Item 5" Icon="Group" />
<ext:MenuItem runat="server" Text="Item 6" Icon="Group" />
</Items>
<Listeners>
<ItemClick Handler="#{DropDownField1}.setValue(menuItem.text);" />
</Listeners>
</Menu>
</ext:MenuPanel>
<ext:MenuPanel runat="server" Border="false" ColumnWidth="0.33" SaveSelection="false">
<Menu runat="server" ShowSeparator="false">
<Items>
<ext:MenuItem runat="server" Text="Item 7" Icon="Group" />
<ext:MenuItem runat="server" Text="Item 8" Icon="Group" />
<ext:MenuItem runat="server" Text="Item 9" Icon="Group" />
</Items>
<Listeners>
<ItemClick Handler="#{DropDownField1}.setValue(menuItem.text);" />
</Listeners>
</Menu>
</ext:MenuPanel>
</Items>
</ext:Panel>
</Component>
</ext:DropDownField>
<ext:Button ID="Button1" runat="server" Text="Some Button">
</ext:Button>
</Items>
</ext:CompositeField>
<ext:ComboBox ID="ComboBox1" runat="server" Width="300" FieldLabel="Combo 1">
<Items>
<ext:ListItem Text="Item1" Value="0" />
<ext:ListItem Text="Item2" Value="1" />
<ext:ListItem Text="Item3" Value="2" />
</Items>
</ext:ComboBox>
</Items>
</ext:FormPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by Daniil; Mar 28, 2014 at 2:19 AM.
Reason: [CLOSED]