时间戳

首页 > 解决方案 > 基于复选框的选择不适用于引导主题

kendo-ui - 基于复选框的选择不适用于引导主题

问题描述

根据版本 ^2017.2.621，我正在使用带有基于复选框的选择的 kendo-grid。选择复选框一直有效，直到我添加引导主题。

网格初始化如下：

$(this.$refs.kendogrid).kendoGrid({
  dataSource: [
    { id: "1", title: "name 1" },
    { id: "2", title: "name 2" },
    { id: "3", title: "name 3" }
  ],
  columns: [
    { selectable: true },
    { field: "id", title: "ID number" },
    { field: "title", title: "Title" }
  ]
});

然后我只导入主题：

import "@progress/kendo-theme-bootstrap/dist/all.css";
import "bootstrap";

瞧——现在任何复选框都只是一个灰色区域，不会对点击做出反应（而且它不仅仅是视觉上的，选择在下面不起作用）。

有什么解决办法吗？自 2017 年以来，肯定有人应该在 bootstrap 中使用剑道网格选择……

标签： kendo-uibootstrap-4kendo-grid

解决方案

发现问题：剑道很垃圾，而且漏洞百出。

2017.2.621 不适用于引导主题，因为它不会在标签和复选框之间创建链接，因此单击标签不会更改复选框链接的状态（因为它根本没有链接）。

需要升级到更新版本或手动修复 kendo.grid.js 源文件中的 SELECTCOLUMNTMPL 和 SELECTCOLUMNHEADERTMPL 属性。

推荐阅读