概述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

您可以使用CSS规则，例如

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

或

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