ComboBox Editor inside GridPanel

  1. #1

    ComboBox Editor inside GridPanel

    Is this possible, to have a dropdown inside the GridPanel? Right now in the example I see TextField and DateField works. Here is what I was trying:

    
    
    
    <ext:GridPanel runat="server" ID="GridPanel4" StoreID="stoEmploy" Title="Employment History" Header="false" Height="175">
    
    
    <ColumnModel ID="ColumnModel3" runat="server">
    
    
    <Columns>
    
    
    <ext:Column Header="JobClassCode" DataIndex="Job Class" Sortable="true">
    
    
    <Editor>
    
    
    <ext:ComboBox 
    
    
    ID="cbJobClass"
    
    
    runat="server" 
    
    
    FieldLabel="Job Classification"
    
    
    Editable="true"
    
    
    DisplayField="CodeValue"
    
    
    ValueField="CodeName"
    
    
    TypeAhead="true" 
    
    
    Mode="Local"
    
    
    ForceSelection="true"
    
    
    TriggerAction="All"
    
    
    EmptyText="Select..."
    
    
    SelectOnFocus="true">
    
    
    <SelectedItem Value="CO" />
    
    
    </ext:ComboBox> 
    
    
    </Editor>
    
    
    </ext:Column>
    
    
    <ext:Column Header="Birth Date" DataIndex="BirthDate" Sortable="true">
    
    
    <Renderer Fn="Ext.util.Format.dateRenderer('Y-m-d')" />
    
    
    <Editor>
    
    
    <ext:DateField ID="DateField3" runat="server" Format="yyyy-m-dd"></ext:DateField>
    
    
    </Editor>
    
    
    </ext:Column>
    
    
    <ext:Column Header="City" DataIndex="City" Sortable="true" Width="100">
    
    
    <Editor>
    
    
    <ext:TextField ID="TextField2" runat="server"></ext:TextField>
    
    
    </Editor>
    
    
    </ext:Column>
    
    
    <ext:Column Header="Address" DataIndex="Address" Sortable="true" Width="250">
    
    
    <Editor>
    
    
    <ext:TextField ID="TextField3" runat="server"></ext:TextField>
    
    
    </Editor>
    
    
    </ext:Column>
    
    
    <ext:Column ColumnID="Details" Header="Details" Width="50" Align="Center" Fixed="true" MenuDisabled="true" Resizable="false">
    
    
    <Renderer Fn="employeeDetailsRender" /> 
    
    
    </ext:Column>
    
    
    </Columns>
    
    
    </ColumnModel>
    
    
    
    
    
    <LoadMask ShowMask="true" />
    
    
    <SaveMask ShowMask="true" />
    
    
    
    
    
    <BottomBar>
    
    
    <ext:PagingToolBar ID="PagingToolBar1" runat="server" 
    
    
    PageSize="5" 
    
    
    DisplayInfo="true"
    
    
    DisplayMsg="Displaying employees {0} - {1} of {2}"
    
    
    EmptyMsg="No employees to display" 
    
    
    />
    
    
    </BottomBar>
    
    
    
    
    
    <Listeners>
    
    
    <CellClick Fn="cellClick" />
    
    
    </Listeners> 
    
    
    </ext:GridPanel>
  2. #2

    RE: ComboBox Editor inside GridPanel

    Hi,

    Please see (Region column)
    https://examples1.ext.net/#/GridPanel/DataSource_Update/SqlDataSource/*




Similar Threads

  1. [CLOSED] Change Store Datasource in Combo Editor Column inside GridPanel
    By tlfdesarrollo in forum 1.x Legacy Premium Help
    Replies: 9
    Last Post: Apr 13, 2012, 7:32 PM
  2. Replies: 0
    Last Post: Sep 08, 2011, 9:59 AM
  3. Replies: 2
    Last Post: May 05, 2011, 10:16 AM
  4. send extra parameters on blur event of textfield editor inside gridpanel
    By aditya.murthy88@gmail.com in forum 1.x Help
    Replies: 2
    Last Post: Dec 11, 2010, 12:04 PM
  5. [CLOSED] ComboBox inside a Grid (editor)
    By GmServizi in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Nov 19, 2009, 10:48 AM

Posting Permissions