Hi,
Here is how i define my gridPanel
@(Html.X().FormPanel()
.Layout(LayoutType.Fit).Items(
Html.X().GridPanel().ID("ObservedGrid")
.EnableColumnResize(true)
.AllowDeselect(true)
.Split(true)
.AutoScroll(true)
.MultiSelect(true)
.EmptyText("No observed data at this time")
.MessageBusDirectEvents(
new MessageBusDirectEvent()
{
Name = "Stations.Select",
Action = "SetSelectedStations"
,
ExtraParams = { new Ext.Net.Parameter() { Name = "selectedStationsIcao", Value = "data", Mode = ParameterMode.Raw } }
}
)
.Store(Html.X().Store().ID("ObservedStore")
.PageSize(15)
.DataSource(Model)
.Model(Html.X().Model()
.Fields(
....
Html.X().ModelField().Name("id"),
Html.X().ModelField().Name("name"),
.....
))
.Sorters(Html.X().DataSorter().Property("name").Direction(Ext.Net.SortDirection.ASC)
)
.MessageBusListeners(new MessageBusListener()
{
Name = "Stations.RegisterMap",
Fn = "RegisterMap"
}
)
)
.ColumnModel(
.....
Html.X().Column().Text("Station").DataIndex("id").Flex(10).Hideable(false),
......
)
.Features(
Html.X().GridFilters()
.Local(true)
.Filters(
Html.X().StringFilter().DataIndex("id")
)
)
.BottomBar(
Html.X().PagingToolbar().HideRefresh(true).Items(
....
)
)
.SelectionModel(
Html.X().RowSelectionModel().Mode(SelectionMode.Multi))
.Plugins(
Html.X().RowExpander()
.SingleExpand(false)
.TemplateHtml(...)
))
)
and i apply my filter in javascript like that:
var observedStore = Ext.getCmp('ObservedGrid').getStore();
observedStore.filterBy(function (record) {
return Ext.Array.contains(stationsNameArray, record.get('name'));
});
stationsNameArray is an array of names that i want to display throw my gripdPanel.
i looked to your example and i did't find any difference except the proxy since i'm not using it.