チェックボックスがチェックされているときにJqGridの行を強調表示する方法は?

JqGrid でチェックボックスが True のときに行を強調表示する方法

jqGrid では、チェックボックスが True のときに行を簡単に強調表示できます。真実。これはステップバイステップのガイドです:

1. rowattr コールバックを使用します:
   jqGrid のバージョン 4.3.2 では、カスタム属性を設定できる rowattr コールバックが導入されました。行ごとに。これは、チェックボックスの値に基づいて強調表示するのに最適です。
2. Rowattr 関数の作成:
   GroupHeader 列 (または既存の他のチェックボックス列) の値をチェックする rowattr 関数を定義します。 ）。値が「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 中国語 Web サイトの他の関連記事を参照してください。