クリックすると滑りグリッド行が強調表示されます

Question

ユーモアが私にあります。 ExtJsのような他のグリッドのように思えるかもしれませんが、私の人生では、グリッドをユーザーがクリックした後でも強調表示されたままにすることはできません。私の暫定的な解決策はマウスオーバーで行を強調表示するためのクイックCSSルールです。

これを設定するオプションはありませんか？私はrowSelectionモデルを通過して一度に選択できる行が1つだけになるように設定する必要があるようです。

Answer 1

あなたはこの（JSFiddle demo here）のような何かを行うことができます。

/* Currently selected row */  
#mygrid .slick-row.active 
{  
    background: #ff0000; 
} 

/* Currently selected cell */ 
#mygrid .slick-cell.active 
{ 
    background: #00ff00; 
} 

へのより良い方法があるかもしれません：

///////////////////////////////////////////////////////////////////// 
// Augment grid object with a method to highlight the currently active row 
// 
mygrid.highlightActiveRow = function() { 
    var currentCell; 
    var $canvas = $(this.getCanvasNode()); 

    currentCell = this.getActiveCell(); 

    $canvas.find(".slick-row").removeClass("active"); 
    if (currentCell) { 
    $canvas.find(".slick-row[row=" + currentCell.row + "]").addClass("active"); 
    } 
}; 

mygrid.onActiveCellChanged.subscribe(function() { 
    this.highlightActiveRow(); 
}); 

これは、必要に応じてスタイルすることができますクラスactiveで現在の行をマークしますこれを行うが、これは私のために働いた。

Answer 2

あなたのネガティブトーンはさておき、提供されたSlick.RowSeletionModelを使用し、グリッドオプションでmultiSelectをfalseに設定することには何も間違いはありません。