[CLOSED] DropdownField within a CompositeField throws an error

  1. #1

    [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.

    <%@ 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 3:19 AM. Reason: [CLOSED]
  2. #2
    Hi Vadym,

    Thank you for report. We are investigating.

    As a workarpund please set up
    Floating="true"
    for the Panel inside the DropDownField's Component.
  3. #3
    Thanks, Daniil!

    The workaround fixed the problem.
  4. #4
    It has been fixed in the branches/1, the revision #5739. Thank you again for the report.
  5. #5
    Thanks again, Daniil!

    The fix has been tested and validated in IE9, IE10, Chrome 33.x, Opera 19.x and Firefox 28.x
  6. #6
    Thank you for testing and confirming!

Similar Threads

  1. [CLOSED] Setting filter date picker value throws an error
    By vadym.f in forum 2.x Premium Help
    Replies: 4
    Last Post: Aug 13, 2013, 3:42 AM
  2. Replies: 1
    Last Post: Apr 17, 2013, 10:09 AM
  3. Replies: 1
    Last Post: Nov 05, 2012, 9:22 PM
  4. [CLOSED] Collapse panel throws error
    By machinableed in forum 2.x Premium Help
    Replies: 1
    Last Post: Jun 05, 2012, 4:29 AM
  5. [CLOSED] UpdateSelection() throws javascript error
    By sadaf in forum 1.x Premium Help
    Replies: 3
    Last Post: Mar 07, 2011, 12:14 PM

Tags for this Thread

Posting Permissions