Bootstrap 2或3模式中的Kendo Grid - IE过滤器不起作用 [英] Kendo Grid in Bootstrap 2 or 3 Modal - IE Filters do not work

问题描述

请在IE（boot v2）中查看： http://jsbin.com/emuqazEz/22
以下是bootstrap 3版本： http://jsbin.com/emuqazEz/31

Please check this out in IE (boot v2): http://jsbin.com/emuqazEz/22 Here is bootstrap 3 version: http://jsbin.com/emuqazEz/31

以下是可编辑的版本： http：// jsbin.com/emuqazEz/22/edit

Here is the editable version: http://jsbin.com/emuqazEz/22/edit

在我测试的任何IE版本中，过滤器都不起作用。它在Chrome或Firefox中运行正常。

The filters do not work at all in any version of IE I have tested. It works fine however in Chrome or Firefox.

以下是列设置和数据源：

Here is are the column settings and the datasource:

columnsettings = [
        "ProductName",
        {
                field: "UnitPrice",
                title: "Unit Price",
                format: "{0:c}",
                width: "130px"
        },
        {
                field: "UnitsInStock",
                title: "Units In Stock",
                width: "130px"
        },
        {
                field: "Discontinued",
                width: "130px"
        }
];

var gridDataSource = new kendo.data.DataSource({
     data: products,
     schema: {
              model: {
                      id: "uid",
                      fields: {
                        ProductName: { type: "string" },
                        UnitPrice: { type: "number" },
                        UnitsInStock: { type: "number" },
                        Discontinued: { type: "boolean" }
                      }
              }
      },
      sort: {
              field: "",
              dir: "desc"
      },
      pageSize: 50
});

推荐答案

这是解决我的问题：

对于bootstrap 3.0

For bootstrap 3.0

$('#myModal').on('shown.bs.modal', function () {
   $(document).off('focusin.modal');
  })

其他较低版本由telerik提供

for other lower version as provided by telerik

$('#myModal').on('shown', function () {
  $(document).off('focusin.modal');
});

这篇关于Bootstrap 2或3模式中的Kendo Grid - IE过滤器不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！