or
column.Bound(o => o.Color).Title("Color").Filterable(filterable => filterable.UI("colorFilter"));function colorFilter(element) {element.kendoDropDownList({
dataSource: { transport: { read: "@Url.RouteUrl("ProductData", new { action = "FilterMenuCustomization_Colors", controller = "Inventory", catagory = "XYZ" })" , type: "POST" , data: { catagory: "@ViewData["productType"].ToString()", filters: $("#Products").data.filter } } }, optionLabel: "--Select Value--"}); }@(Html.Kendo().Grid<DSG.Support.EntityModel.Models.SolutionFeedback>() .Name("KBFeedbackGrid") .Columns(columns => { columns.Bound("solution_id").Title("KB#"); columns.Command(act => act.Custom("Edit")); columns.Bound("site_id").Title("Acc ID"); columns.Bound("site_name").Title("Account Name"); columns.Bound("rating_score").Title("Rating").HtmlAttributes(new { @class = "ratingCol" }); columns.Bound("date_time").Title("Created").Format("{0:MM/dd/yyyy HH:mm}"); columns.Bound("comments").Title("Comment"); columns.Bound("action_taken").Title("Action"); }) .DataSource(dataSource => dataSource.Ajax() .Read(read => read.Action("Query", "KBFeedback").Data("GetSearchCriteria")) .Sort(sort => sort.Add(x => x.date_time)) ) .Pageable() .Sortable(sort => sort.AllowUnsort(false).Enabled(true).SortMode(GridSortMode.SingleColumn)))public JsonResult Query(DataSourceRequest request, KBFeedbackSearchCriteria query){ // Here request contains the page number and page size but the Sorts collection is null int count = 42; // Get count from linq query IEnumerable<SolutionFeedback> results = null; // Get data from linq query return Json(new DataSourceResult() { Data = results, Total = count }, JsonRequestBehavior.AllowGet);}@Scripts.Render("~/bundles/modernizr")<!--This bundle was moved by the Kendo UI VS Extensions for compatibility reasons-->@Scripts.Render("~/bundles/jquery")<!--This CSS entry was added by the Kendo UI VS Extensions for compatibility reasons--><link href="@Url.Content("~/Content/kendo.compatibility.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.common.min.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.default.min.css")" rel="stylesheet" type="text/css" /><link href="@Url.Content("~/Content/kendo/2012.3.1315/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" /><script src="@Url.Content("~/Scripts/kendo/2012.3.1315/jquery.min.js")"></script><script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.all.min.js")"></script><script src="@Url.Content("~/Scripts/kendo/2012.3.1315/kendo.aspnetmvc.min.js")"></script><script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>
$("#searchResults").kendoGrid({ dataSource: seachResultsDataSource, filterable: { extra: false, operators: { string: { startswith: "Starts with", eq: "Is equal to", neq: "Is not equal to" } } }, columns : [ { title: "Area", field: "AreaID", filterable: { ui: areaFilter } }]});// Never gets called.function areaFilter(element) { kendoHelper.BindDropDownList(element, dataSources.areaDataSource);}.DataSource(datasource => datasource.Read(read => read.Action("DataForEvo", "Home", new { seriename = "Default", category = "Default" })).Events(ev => ev.SeriesClick("onSeriesClick")))var Chart = $("#chart").data("kendoChart");