jquery-ui - 向 slickgrid 添加额外的复选框单元格：使用 jquery 对话框时复选框事件不起作用

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-index 问题。包含复选框的单元格具有来自 SlickGrid 的显式 z-index 1，而 jQuery UI 对话框具有（动态计算的）1002 之一。因此，您的点击不会进入复选框。

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

#grid .slick-cell {

  z-index: auto;
}​

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