如何在選取複選框時突出顯示 JqGrid 中的行？

如何在JqGrid 中當複選框為True 時突出顯示一行

在jqGrid 中，當複選框為True 時，您可以輕鬆突出顯示一行真的。這是逐步指南：

1. 使用 rowattr 回調：
   jqGrid 4.3.2 版本引入了 rowattr 回調，它允許您設定自訂屬性對於每一行。它非常適合基於複選框值突出顯示。
2. 建立 Rowattr 函數：
   定義一個 rowattr 函數來檢查 GroupHeader 欄位（或您擁有的任何其他複選框列）的值）。如果值為“1”，則傳回定義突出顯示樣式的類別名稱。

gridview: true,
rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Adjust this to match your checkbox column
        return {"class": "myAltRowClass"};
    }
}

3. 定義突出顯示類別：
   在 CSS 中，建立一個名為 myAltRowClass 的類，指定突出顯示樣式，例如黃色背景。
4. 包含列模板：
   要簡化程式碼，請使用列模板設定通用屬性多列。例如，如果您所有的文字輸入都具有相同的大小和最大長度：

cmTemplate: {align: 'center', sortable: false, editable: true, width: 80},

5. 使用複選框模板：
   同樣，您可以建立一個範本對於您的複選框列：

var myCheckboxTemplate = {formatter: 'checkbox', edittype: 'checkbox', type: 'select',
        editoptions: {value: "1:0"}};

然後，在您的colModel 中，無需為每個複選框列定義複雜的對象，只需使用模板：

{name: 'GroupHeader', index: 'GroupHeader', template: myCheckboxTemplate}

透過遵循這些步驟，您將能夠根據 jqGrid 中的複選框值突出顯示行。

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