如何根據複選框列值突出顯示 jqGrid 行？

在jqGrid 中根據複選框值突出顯示行

在jqGrid 中，您可以輕鬆地根據複選框列的值突出顯示行。以下是實現此目的的方法：

使用CSS 類別突出顯示行

在您最初的問題中，您提到使用CSS 類別來更改突出顯示行的背景顏色。您可以使用 rowattr 回呼函數根據網格中的資料動態向行新增 CSS 類別。

以下程式碼示範如何使用 rowattr 回呼：

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") {
        return {"class": "myAltRowClass"};
    }
}

在此例如，GroupHeader 列值為「1」的行將會被指派 CSS 類別 myAltRowClass。您應該在樣式表中為此定義 CSS 規則，以獲得所需的背景顏色。

使用背景顏色突出顯示行

或者，您可以直接設定背景使用 cellattr 回調突出顯示行的顏色。此回呼可用於修改網格內各個單元格的屬性。

以下是使用 cellattr 回呼的範例：

gridview: true,
cellattr: function (rd, cell) {
    if (cell.name === "GroupHeader" && rd[cell.name] === "1") {
        return {"style": "background-color: yellow"};
    }
}

在此範例中，網格中儲存格的背景顏色值為「1」的 GroupHeader 欄位設定為黃色。

其他注意事項

• 請確保設定 gridview: true 以啟用此功能。
• 您可能需要根據您的特定要求調整 CSS 規則。
• 考慮使用 cmTemplate 和範本選項來簡化列屬性的定義。

以上是如何根據複選框列值突出顯示 jqGrid 行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！