Hi, i am usign the below said function
function FilterGroups(o) {
debugger;
if (o.field == "Name") {
var column = o.grid.getColumnModel().getColumnById("Name"),
editor = o.grid.getColumnModel().getCellEditor(o.column, o.row);
editor.field.store.filterBy(function (record) {
debugger;
var group = record.get("text"),
index = o.grid.store.findExact("Name", group);
return index === -1;
});
}
}
function addGroup() {
debugger;
var o = grdCompanyDetailsCompanyCode.store.addRecord();
grdCompanyDetailsCompanyCode.startEditing(o.index, 0);
}
<ext:GridPanel ID="grdCompanyDetailsCompanyCode" runat="server"
StripeRows="true" Height="200" AutoExpandColumn="Description" StoreID="CompanyCodeStore"
FieldLabel="Company Codes" AllowBlank="false" IndicatorIcon="BulletRed" AnchorHorizontal="60%">
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column Width="100" ColumnID="Name" Header="Code" DataIndex="Name">
<Editor>
<%--<ext:ComboBox ID="cmbCompanyCode" Disabled="true" runat="server" DisplayField="Name"
ValueField="Name" StoreID="ComboCompanyCodesStore" AllowBlank="false" Editable="false"
Mode="Local" ForceSelection="false" IndicatorIcon="BulletRed" HiddenName="hdnCodeTypeID"
ClearFilterOnReset="false">
</ext:ComboBox>--%>
<ext:ComboBox ID="cmbCompanyCode" runat="server" ClearFilterOnReset="false">
<Items>
<ext:ListItem Text="ID" />
<ext:ListItem Text="Phone" />
<ext:ListItem Text="Name" />
</Items>
</ext:ComboBox>
</Editor>
</ext:Column>
<ext:Column Width="200" ColumnID="Description" Header="Value" DataIndex="Description">
<Editor>
<ext:TextField ID="txtCodeDesc" runat="server" Disabled="true" AllowBlank="false"/>
</Editor>
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionforCompanyCode" runat="server" SingleSelect="true" />
</SelectionModel>
<BottomBar>
<ext:Toolbar ID="tbAdd" runat="server" AnchorHorizontal="60%" StyleSpec="background:transparent;border:0px;align:center;">
<Items>
<ext:Label ID="Label2" Text="Double click to edit." runat="server" Enabled="false" />
<ext:ToolbarFill />
<ext:Button runat="server" Text="Add" ID="btnAddCompanyCode" Flat="false" Icon="Add">
<Listeners>
<%--<Click Handler="AddNewCompanyCodes({ Code: '', Description: '' });" />--%>
<Click Handler="addGroup();" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</BottomBar>
<View>
<ext:GridView ID="CodeTypeGridView" runat="server" MarkDirty="true" />
</View>
<Plugins>
<ext:GridFilters runat="server" ID="CompanyCodeFilter">
<Filters>
<ext:StringFilter DataIndex="Code" />
<ext:StringFilter DataIndex="Name" />
<ext:StringFilter DataIndex="Description" />
</Filters>
</ext:GridFilters>
</Plugins>
<Listeners>
<AfterEdit Fn="FilterGroups" />
<RowDblClick Handler="EditGridPanel(grdCompanyDetailsCompanyCode,rowIndex)" />
</Listeners>
</ext:GridPanel>
but still the combo box does not filter,