The filter icon doesn't display the filter selection in IE8. However it works in Firefox & Chrome.
Any Ideas?
Aspx header Include.
Javascript from doc ready.
Any Ideas?
Aspx header Include.
<script type="text/javascript" src="../Scripts/kendo/2012.2.710/kendo.web.min.js"></script>ds = new kendo.data.DataSource({ error: function (e) { $('#summaryTable').html(e.xhr.responseText); }, serverPaging: false, serverSorting: false, schema: { data: "d.Vehicles", model: { id: "Ip", fields: { Name: { type: "string" }, LastMotion: { type: "date" }, Hours: { type: "number" } } } }, transport: { read: { url: appRoot + 'services/reports/motion.asmx/VehicleLastMotion', contentType: 'application/json; charset=utf-8', dataType: 'json', type: 'POST' }, parameterMap: function (data, operation) { var x = { tags: '{0}'.format(GetSelectorTags().qry) }; return JSON.stringify(x); } }, change: function (e) { var d = ds.data(); $('#count').html((d.length != 0) ? 'Count: {0}'.format(d.length) : 'No vehicles exists for your search criteria. Filter = {0}'.format(GetSelectorTags().qry)); if (d.length != 0) { $('#exportLink').show(); } else { $('#exportLink').hide(); } GraphMotionData(d); } }); var grid = $('#summaryTable').kendoGrid({ resizable: false, filterable: true, selectable: 'row', pageable: false, sortable: { mode: 'single', allowUnsort: false }, columns: [ { field: 'Name', title: 'Vehicle', width: '*' }, { field: 'Hours', title: 'Hours', width: '70px' }, { field: 'LastMotion', title: 'Last Motion', width: '180px', template: '#= kendo.toString(LastMotion,"MM/dd/yyyy hh:mm:ss") #' } ], dataSource: ds, autoBind: false }); var grid = $("#summaryTable").data("kendoGrid"); grid.bind("change", function () { //if grid single row selection is enabled var model = grid.dataItem(grid.select()); DisplayVehicleInformation(model.id, model.Name); });