Question

我正在使用AngularJS的KendoUi Grid（最新版本）

我想在列上使用可选功能，该列显示一个复选框（多个）选择行。这很好用。但是当选择行时，其颜色会发生变化。但我只想使用复选框而不突出显示完整的行。

我试图找出我必须使用的css。这在设置“ .k-grid table tr.k-state-selected ”css时也有效。但是当鼠标悬停在所选行上时，它仍然是彩色的。我还尝试设置这些“ .k-grid td.k-state-selected：hover，.k-grid tr：hover ”css，但它不起作用。

我必须设置哪个css，以禁用完成所选行的突出显示。这是我现在使用的css。悬停的部分无效。

.k-grid table tr.k-state-selected {
    color: red !important;
    background-color: none !important;
    background: none !important;
    border-color: none !important;
}

.k-grid td.k-state-selected:hover, .k-grid tr:hover {
    color: green !important;
    background-color: none !important;
    background: none !important;
    border-color: none !important;
}

红色和绿色只是用于测试，看它是否正常工作......

那么，我必须（重新）设置哪个css禁用突出显示？

由于

Answer 1

您可以为网格的更改事件添加功能。只需将其添加到网格定义中即可。

sudo lsof -n -i4TCP:8081 # get the process' PID
sudo launchctl list | grep 5693 # find the launchd endpoint
sudo launchctl remove com.mcafee.agent.macmn

在你的函数调用中：

change: functionName

Answer 2

我用removeClass尝试过。现在高光已经消失了。我想要它。但现在内部选择哪一行的信息也已消失。

change: function(_) {
    var selectedRows = this.select(); 
    console.log(selectedRows.length);
}

<强> - ＆GT; 1

change: function(_) {
    $('.k-state-selected').removeClass('k-state-selected k-state-selecting'); 
    var selectedRows = this.select(); 
    console.log(selectedRows.length);
}

<强> - ＆GT; 0

所以似乎需要上课。唯一的方法是覆盖css信息。

KendoGrid使用选中的复选框而不突出显示行

2 个答案: