单击按钮时网格取消选择

Question

我根据 this example 创建了一个包含虚拟数据的简单数据网格。但是，如果我单击其中一个自定义按钮，网格将取消选择并且永远不会调用方法 (_setCellColors)。

当我在 API 中添加游乐场网格并执行“_setCellColors”方法时，它工作正常。 (https://www.datagridxl.com/api/methods).

我不确定我做错了什么。如何在不取消选择网格的情况下调用方法？

编辑：忘记包含 JSFiddle link：https://jsfiddle.net/0nrjvx1p/5/。

var grid = new DataGridXL("grid", {
  data: DataGridXL.createDummyData(100,10)
});

// not working
document.getElementById("button-pink").onclick = function(){
  grid._setCellColors(grid.getCellSelection(), "#ffe1f0");
}

// not working
document.getElementById("button-green").onclick = function(){
  grid._setCellColors(grid.getCellSelection(), "#f0ffe1");
}

Answer 1

好的，找到问题了。它实际上在演示页面上，但我不知何故忽略了它。

如果其他人正在寻找答案：按钮不会自动属于应用程序，除非您为按钮添加 CSS class 名称，或者它们的 parent :

.dgxl-app

只需将 class 添加到您的 parent div:

<div class="dgxl-app">
    <button class="button" id="button-green">Green</button>
    <button class="button" id="button-pink">Pink</button>
</div>

这是更新后的 Fiddle：https://jsfiddle.net/x8tqyhab/

单击按钮时网格取消选择

Grid deselects when clicking a button

javascript

datatable

datagrid

colorize