Feb 27, 2009, 11:24 AM
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>