This is a migrated thread and some comments may be shown as answers.

Filter Click Broken in IE8

4 Answers 84 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ryan
Top achievements
Rank 2
Ryan asked on 14 Aug 2012, 06:31 PM
The filter icon doesn't display the filter selection in IE8.  However it works in Firefox & Chrome.  

Any Ideas?

Aspx header Include. 
<script type="text/javascript" src="../Scripts/kendo/2012.2.710/kendo.web.min.js"></script>
Javascript from doc ready. 
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);
   });

4 Answers, 1 is accepted

Sort by
0
Nikolay Rusev
Telerik team
answered on 17 Aug 2012, 10:36 AM
Hello Ryan,

We are not sure how to reproduce that. It seems to be working on out demos:
http://demos.kendoui.com/web/grid/local-data.html

Can you create jsfiddle/jsbin replicating the behavior?

Regards,
Nikolay Rusev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Ryan
Top achievements
Rank 2
answered on 18 Aug 2012, 12:20 AM
It seem's that <meta http-equiv="x-ua-compatible" content="IE=8" /> causes the problem..
0
Shawn
Top achievements
Rank 1
answered on 27 Aug 2012, 12:51 PM
Don't know why, but it fixes our problem on IE 8.
Thanks!
0
Carsten
Top achievements
Rank 1
answered on 11 Dec 2012, 12:18 PM
Hey guys, 
i had the same problem as described here, but the compatibility mode was not an option.
I found a solution in my case and posted it here: http://www.kendoui.com/forums/ui/grid/filter-click-and-scrolling-broken-in-ie8.aspx#2409815

Tags
Grid
Asked by
Ryan
Top achievements
Rank 2
Answers by
Nikolay Rusev
Telerik team
Ryan
Top achievements
Rank 2
Shawn
Top achievements
Rank 1
Carsten
Top achievements
Rank 1
Share this question
or