What's New?

[CLOSED] Additonal DropDown trigger on the right

  1. #1
    Nov 22, 2011, 7:38 PM

    [CLOSED] Additonal DropDown trigger on the right

    I have a DropDown that contains a tree panel. It has an additonal trigger that pops up advanced search.

    Here is the code:
                        <ext:DropDownField ID="ddTest" runat="server" FieldLabel="Test" Mode="ValueText" Editable="false">
                        <Component>
                            <ext:TreePanel runat="server" ID="treeTest" Border="true" MinWidth="180" AutoWidth="false" Height="150" Shadow="None" RootVisible="true" AutoScroll="true" UseArrows="true" Selectable="true" ContainerScroll="true">
                                <Root>
                                    <ext:TreeNode NodeID="0" Text="root" Icon="FolderGo" Expanded="false"></ext:TreeNode>
                                </Root>
                            </ext:TreePanel>
                        </Component>
                        <Triggers>
                            <ext:FieldTrigger Icon="Search" Qtip="Advanced Search" />
                        </Triggers>
                        <Listeners>
                            <TriggerClick Handler="alert('Advanced Search')" />
                        </Listeners>
                    </ext:DropDownField>
    This works fine, but I need to display Advanced Search trigger to the right of the regular dropdown triger. What is the best way to accomplish that?

    Thank you,
    George
    Last edited by Daniil; Nov 24, 2011 at 5:46 PM. Reason: [CLOSED]
  2. #2
    Nov 22, 2011, 8:06 PM
    Hi,

    I think the following way is the simplest one.

    Example
    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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>Ext.Net Example</title>
</head>
<body>
    <form runat="server">
        <ext:ResourceManager runat="server" />
        <ext:DropDownField runat="server" HideTrigger="true">
            <Component>
                <ext:TreePanel runat="server">
                    <Root>
                        <ext:TreeNode Text="root" />
                    </Root>
                </ext:TreePanel>
            </Component>
            <Triggers>
                <ext:FieldTrigger Tag="main" Icon="Combo" />
                <ext:FieldTrigger Tag="search" Icon="Search" Qtip="Advanced Search" />
            </Triggers>
            <Listeners>
                <TriggerClick Handler="switch (tag) {
                                           case 'main' :
                                               this.onTriggerClick();
                                               break;
                                           case 'search' :
                                               alert('Advanced Search');
                                               break;     
                                       }" />
            </Listeners>
        </ext:DropDownField>
    </form>
</body>
</html>

Similar Threads

  1. GridPanel dropdown column show dropdown on single click and expand at the same time
    By jboroda in forum 1.x Help
    Replies: 6
    Last Post: Jan 28, 2012, 1:14 AM
  2. [CLOSED] ComboBox and its dropdown - can the dropdown be larger than its "parent"?
    By wagger in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 14, 2011, 6:29 PM
  3. [CLOSED] Treepanel inside Dropdown - Set value of Dropdown as selected value of tree
    By jthompson in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Feb 08, 2011, 6:17 PM
  4. [CLOSED] Mega Dropdown?
    By PatrikG in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Sep 27, 2010, 2:52 PM
  5. what event will be trigger when the dropdown button was pressed in combobox?
    By bruce in forum 1.x Help
    Replies: 3
    Last Post: Mar 10, 2009, 11:56 AM

Tags for this Thread

Posting Permissions