3

グループ化機能に SlickGrid のバージョン 2.0a を使用しています。すべてがうまく機能します（多くのカスタマイズがあります）。background-colorロールオーバー イベントの ENTIRE ROW を変更しようとしています。

私はこれを試しました：

.slick-row { background-color:#dee0fe; }

この：

.slick-row.ui-state-active { background:#dee0fe; }

これは個々のセルで機能します。

.lr:hover { background: #dee0fe; }

しかし、行全体で何も機能していないようで、この例を見たことがありません。また、セルを に設定していselectable:true, focusable:falseます。
それは簡単なはずです...

ありがとう

4

4 に答える 4

6

これは私にとってはうまくいきます：

.slick-row:hover { background-color: red; }
于 2011-10-31T09:53:19.723 に答える
3

あなたの質問のCSSに基づいて、推測してください：

 .slick-row:hover .lr {
     background-color:#dee0fe;
 }
于 2011-04-13T17:54:26.937 に答える
1

私はこれを自分でやってみましたが、これは私が思いついたものの簡略化されたバージョンです。これをかなり整理できます。列が変更されないと仮定すると、ハッシュの内部部分をキャッシュすることは理にかなっています。

API 呼び出しを使用すると、次のようになります。

grid.onMouseEnter.subscribe(function (e) {
    var hash = {};
    var cols = grid.getColumns();

    for (var i = 0; i < cols.length; ++i) {
        hash[grid.getCellFromEvent(e).row][cols[i].id] = "hover";
    }

    grid.setCellCssStyles("hover", hash);
});

grid.onMouseLeave.subscribe(function (e) {
    grid.removeCellCssStyles("hover");
});
于 2013-02-25T17:41:10.407 に答える
0

必要なのは、行内のセルのコレクションを取得し、各セルのマウス エンター/リーブでスタイルを設定することだけです。

$('.slick-cell').mouseenter(function () {
     $(this.parentNode.children).addClass('slick-cell-hovered') ;
});

$('.slick-cell').mouseleave(function () {
     $(this.parentNode.children).removeClass('slick-cell-hovered');
});


.slick-cell-hovered 
{
     background: #EBEFF2 none;
}
于 2011-06-03T18:23:35.423 に答える