Hello there,
I have a Kendo Grid with a lot of numerical data in it and I'd like to incorporate the Kendo range Slider into it so that users can adjust the sliders and this will filter the grid. Having read the documentation I'm not 100% sure how to do this. Can anyone help?
@(Html.Kendo().Grid(Model)
.Name("MyGrid")
.Columns(columns =>
{
columns.Bound(p => p.vessel_name).Title("Vessel");
columns.Bound(p => p.vessel_bhp).Title("Type");
columns.Bound(p => p.fixture_charterer).Title("Charterer");
columns.Bound(p => p.current_location).Title("Location");
columns.Bound(p => p.next_charterer_info).Title("Next Charter").Width(200);
columns.Bound(p => p.fixture_work).Title("Work");
columns.Bound(p => p.fixture_note).Title("Notes");
columns.Bound(p => p.vessel_status).Title("Status");
}
)
.Pageable()
.Scrollable()
.Sortable()
.Events(e => e.DataBound("OnDataBound"))
.DataSource(dataSource => dataSource
.Ajax()
.Model(model =>
{
model.Id(p => p.vessel_idx);
model.Field(p => p.vessel_idx).Editable(false);
})
.PageSize(50)
.Sort(sort => sort.Add("vessel_status").Ascending())
.ServerOperation(false)
.Events(events => events.Error("error_handler"))
.Create(update => update.Action("EditingInline_Create", "Grid"))
.Read(read => read.Action("EditingInline_Read", "Grid"))
.Update(update => update.Action("tbl_vessels", "Grid"))
.Destroy(update => update.Action("EditingInline_Destroy", "Grid"))
))
For example I'd like the ranger slider to filter the grid when people choose a range for vessel_bhp.
Any help is appreciated.