0

2つのチェックボックス列を持つslickgridを作成しました。洗練されたフォーマッターを使用して、2番目のチェックボックス列を作成しました。

(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/


問題は、 2番目のチェックボックスをクリックしても、このチェックボックスがマークされないことです。Slickgridがイベントを非表示にしている可能性があります。

何か案が？

前もって感謝します！

編集：これは、Jqueryダイアログ内にSlickgridをビルドした場合にのみ発生します。

4

1 に答える 1

3

これはz-indexの問題です。チェックボックスを含むセルには、SlickGridからの明示的なz-indexが1ですが、jQuery UIダイアログには（動的に計算された）1002の1つがあります。このため、クリックがチェックボックスに到達しません。

参照されているslick.grid.cssで、または特にここに示す例の場合に、SlickGridスタイルを微調整することで修正できます。

#grid .slick-cell {

  z-index: auto;
}​

このアプローチを示す分岐したフィドルは次のとおりです。http：//jsfiddle.net/bargar/JPqpa/

于 2012-07-03T22:22:49.307 に答える