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

チェックボックスの値に基づいた行の強調表示

jqGrid では、対応するチェックボックスがチェックされているときに行を強調表示できます。これは、rowattr コールバック機能を利用することで実現できます。

実装

この動作を実装するには、次のように rowattr コールバックを使用します。

rowattr: function (rd) {
    if (rd.GroupHeader === "1") { // Verify the condition based on your data
        return {"class": "myAltRowClass"};
    }
}

説明

rowattr コールバックは、行データ オブジェクトを入力として受け取り、その特定の行に適用する追加属性を含むオブジェクトを返します。この場合、行の GroupHeader プロパティが「1」に等しいかどうかを確認しています。その場合、行の CSS クラスを「myAltRowClass」に設定するオブジェクトを返します。

CSS クラス

スタイルシートで「myAltRowClass」CSS クラスを定義する必要があります。背景色など、必要な行の強調表示スタイルを指定します。

例

次のコードは、このソリューションを実装する方法の例を示しています。

$("#maingrid").jqGrid({
    // Other grid options...
    rowattr: function (rd) {
        if (rd.GroupHeader === "1") {
            return {"class": "myAltRowClass"};
        }
    }
});

追加メモ

• 列テンプレート: 列テンプレートを使用すると、colModel 定義を簡素化および合理化できます。
• gridview: true: グリッド オプションで Gridview: true を設定すると、パフォーマンスが向上し、行の処理が簡素化されます。
• 互換性の確認: ソリューションが特定の jqGrid バージョンと互換性があることを確認してください。 .

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