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

Question

请在 IE(启动 v2)中查看:http://jsbin.com/emuqazEz/22 这是 bootstrap 3 版本:http://jsbin.com/emuqazEz/31

这是可编辑版本:http://jsbin.com/emuqazEz/22/edit

过滤器在我测试过的任何版本的 IE 中都不起作用。但在 Chrome 或 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
});

Answer 1

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

对于 Bootstrap 3.0

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

对于 Telerik 提供的其他较低版本

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