Bootstrap 2 或 3 Modal 中的 Kendo Grid - IE 过滤器不起作用

问题描述

请在 IE (boot v2) 中查看:http://jsbin.com/emuqazEz/22这是引导程序 3 版本:http://jsbin.com/emuqazEz/31

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

这是可编辑的版本: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.

这是列设置和数据源:

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
});

推荐答案

以下是解决我的问题的方法:

here is what resolves my issue with this:

对于引导程序 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 Modal 中的 Kendo Grid - IE 过滤器不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！