GridColumnFilterableCellSettingsBuilder
Methods
Enabled(System.Boolean)
Specifying if the cell should be enabled.
Parameters
value - System.Boolean
If 'true' - encoded, otherwise not.
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.Enabled(true)));
}))
Operator(System.String)
Specifies the default operator that will be used for the cell filtering.
Parameters
defaultOperator - System.String
Default operator.
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.Operator("neq")));
}))
ShowOperators(System.Boolean)
Specifies whether to show or hide the DropDownList with the operators.
Parameters
showOperators - System.Boolean
The value indicating if filter operator should be displayed
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.ShowOperators(true)));
}))
Template(System.Func)
Sets JavaScript function which to modify the UI of the filter input.
Parameters
handler - System.Func<Object,Object>
Example
@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
columns.Bound(o => o.OrderDate)
.Filterable(filterable =>
filterable.Cell(cell =>
cell.Template(@<text>
JavaScript function goes here
</text>)
)
)
))
Template(System.String)
Sets JavaScript function which to modify the filter input used for Row filtering.
Parameters
handler - System.String
JavaScript function name
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.Template("templateHandlerName")));
}))
Delay(System.Double)
Specifies the delay of the AutoComplete suggestions when the column is of type string.
Parameters
delay - System.Double
The delay value.
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.Delay(5)));
}))
MinLength(System.Int32)
Specifies the MinLength option of the AutoComplete suggestions when the column is of type string.
Parameters
minLength - System.Int32
The minimum length
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.MinLength(5)));
}))
SuggestionOperator(Kendo.Mvc.UI.FilterType)
Specifies the filter option of the AutoComplete suggestions when the column is of type string.
Parameters
filterType - FilterType
The filter type
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.SuggestionOperator(FilterType.StartsWith)));
}))
InputWidth(System.Int32)
Specifies the width of the input before it is turned into a widget.
Parameters
inputWidth - System.Int32
The input width
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.InputWidth(5)));
}))
DataTextField(System.String)
Specifies the name of the field which will be used to show the suggestions when using Custom DataSource.
Parameters
dataTextField - System.String
The dataTextField
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.DataTextField("FirstName")));
}))
DataSource(System.Action)
Configures the DataSource options.
Parameters
configurator - System.Action<ReadOnlyDataSourceBuilder>
The DataSource configurator action.
Example
@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
columns.Bound(o => o.OrderDate)
.Filterable(filterable =>
filterable.Cell(cell =>
cell.DataSource(ds =>
ds.Read("someAction", "someController")
)
)
)
))
BindTo(System.Collections.IEnumerable)
Configures the DataSource.
Parameters
dataSource - System.Collections.IEnumerable
The data of the DataSource.
Example
@(Html.Kendo().Grid(Model)
.Name("grid")
.Filterable()
.Columns(columns =>
{
columns.Bound(x => x.Name).Filterable(ftb => ftb.Cell(c => c.BindTo(new List<string>() { "Peter", "George"})));
}))