チェックボックスの値に基づいて jqGrid 行を強調表示する方法は?

チェックボックスが True の場合の行の強調表示

問題:

jqGrid を使用する場合、チェックボックスフィールドが次のようにマークされている行を強調表示することが望ましい場合があります。 True。

解決策:

これを実現するには、jqGrid のバージョン 4.3.2 以降の rowattr コールバック機能を利用できます。このコールバックを使用すると、グリッドの塗りつぶし中に行属性をカスタマイズでき、強調表示された行に一意の CSS クラスを割り当てることができます。

コード例:

rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Verify that the testing condition aligns with your usage
        return { "class": "myAltRowClass" };
    }
}

CSS:

myAltRowClass CSS クラスは、背景色を定義する必要があります。

列テンプレートを使用した拡張コード:

コードをさらに最適化するには、列テンプレートを利用して共通のプロパティを定義し、繰り返しを減らすことができます。以下に例を示します。

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

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

colModel: [
    // Additional columns...

    { name: 'GroupHeader', index: 'GroupHeader', width: 100, template: myCheckboxTemplate },
    { name: 'IsGroup', index: 'IsGroup', template: myCheckboxTemplate },
]

この拡張コードでは、cmTemplate を使用して共有プロパティを設定し、チェックボックス フィールドに myCheckboxTemplate を使用して、コードをより読みやすく、保守しやすくしています。

以上がチェックボックスの値に基づいて jqGrid 行を強調表示する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。