色を変更する代わりに、jqgridで選択した行の輪郭を描く

Question

色の行を変更するのではなく、赤のアウトラインで行が選択されたときにJGGridの輪郭を探しています。これを達成するのを手伝ってもらえますか？ジョブを実行する既存のJQUERY UIクラスはありませんか？

旧形式： Old format

募集形式：事前に The way i want selections to be

感謝。ここで

Answer 1

コードです：

あなたはjqgridでこのメソッドをオーバーライドすることができます：

onSelectRow:function(rowid){ 
    //gets all rows and remove custom class 
    var $trs = $("#grid tbody tr").removeClass("custom-class"); 

    //only set custom class to current row clicked 
    $trs.eq(rowid).addClass("custom-class");  
} 

の作業フィドル： http://jsfiddle.net/yNw3C/13655

Answer 2

あなたは

.ui-jqgrid .ui-jqgrid-bdiv .ui-state-highlight { 
    outline: 1px solid tomato; 
} 

のようなCSSルールを使用することができますまたは

.ui-jqgrid .ui-jqgrid-bdiv .ui-state-highlight { 
    border: 1px solid tomato; 
}