0

我在应用程序中使用 jqGrid，我想使用我自己的样式。第一步是我想删除当我单击一行时 jqGrid css 具有的黄色突出显示。我试图找到它，但没有成功。如果有人知道如何关闭突出显示，请告诉我。另请提及我必须在哪个 css 文件中进行更改。

4

4 回答 4

7

最好的解决方案是将此代码添加到您的 jqGrid 参数中，而不是更改 css

beforeSelectRow: function(rowid, e) {
    return false;
},
于 2012-08-09T08:45:29.330 回答
2

在加载您的覆盖样式后创建以下 CSS 语句：jquery.ui.css

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: 1px solid red !important; // Desirable border color
    background: none !important; // Desirable background color
    color: black !important; // Desirable text color
}
于 2012-08-09T07:56:27.500 回答
0

您可以在 jquery-ui.css 文件中编辑此 css。这是ui-state-highlight您需要修改的类。祝你好运。

于 2012-08-09T07:51:23.883 回答
0

假设我们有两个类，蓝色背景名称为“holdRow”，黄色背景名称为“HighlightHoldRow”，然后使用下面的代码“RowSelect”是在行选择期间调用的方法，

考虑以下代码

   .holdRow td {
font-weight : bold !important;
color: Blue !important;
  }

   .higLightholdRow td {
font-weight : bold !important;
color: Yellow !important;

}

   var LastRowId = "";
    function RowSelect(id) {
if (Flag == "TRUE") {
    var grid = $('#gvName);
    if (LastRowId != "" && LastRowId != undefined && LastRowId != id) {
        tr = grid[0].rows.namedItem(LastRowId);
        $(tr).removeClass("higLightholdRow");
        $(tr).addClass("holdRow");
        LastRowId = "";
    }
    tr = grid[0].rows.namedItem(id);
    $(tr).removeClass("holdRow");
    $(tr).addClass("higLightholdRow");
    LastRowId = id;

}

}

   ClientSideEvents-RowSelect="RowSelect"

选择行时调用 RowSelect 方法，选中行背景为黄色，其余行背景为蓝色

于 2014-03-18T18:21:19.177 回答