在 jqgrid 中勾勒出选定的行而不是改变它的颜色

Question

我希望在选择带有红色轮廓的行时勾勒出我的 JGGrid，而不是仅仅更改颜色行。你能帮我实现这个目标吗？是否没有现有的 JQUERY UI class 可以完成这项工作？

旧格式： 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");      
}

工作fiddle： 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;
}