Question

我已经构建了一个带有两个复选框列的slickgrid。我使用一个光滑的格式化程序来构建第二个复选框列：

(function ($) {
    // register namespace
    $.extend(true, window, {
       "Slick": {
         "Formatters": {
            "Checkbox": Checkbox
         }
       }
    });

    function Checkbox(row, cell, value, columnDef, dataContext) {
       return '<input type="checkbox" >';
    }
})(jQuery);

这是jsFiddle示例：http://jsfiddle.net/9mb4T/10/

问题是，如果我点击第二个复选框，则此复选框未标记为。 Slickgrid可能正在隐藏事件。

有什么想法吗？

提前致谢！

编辑：只有在Jquery对话框中构建Slickgrid时才会发生这种情况。

Answer 1

这是一个z索引问题。包含您的复选框的单元格在SlickGrid中具有明确的z-index为1，而jQuery UI对话框具有（动态计算的）1002之一。因此，您的点击不会进入复选框。

您可以通过调整SlickGrid样式来修复，无论是在引用的slick.grid.css中，还是专门针对您的示例案例，如下所示：

#grid .slick-cell {

  z-index: auto;
}

这是展示这种方法的分叉小提琴：http://jsfiddle.net/bargar/JPqpa/

在使用jquery对话框时，向slickgrid：checkbox事件添加额外的复选框单元格

1 个答案: