1

これは SlickGrid に関する非常に具体的な質問ですが、グループ化されたときの行の表示方法を変更しようとしたことがある人がいるかどうか疑問に思っていました。グループ化された行の周りに境界線を追加して、それらがその見出しの一部であることを示すのはクールだろうと考えていました.

SlickGrid が動作する方法は、行が DOM でグループ化されていることを示すものではなく、ヘッダーの下に表示されるだけです。私はこのようなことをしようとしました:

dataView.getItemMetadata = function(index) {
     return {cssClasses: "myRowCssClass"};                        
}

残念ながら、これはグループ化に関して他のことを壊しました。ネイティブgetItemMetadata関数には、groupBy 関数が処理する必要があるものがあります。そのようなものをこの関数にコピーして、これに条件を追加することはできますが、それは正しくないようです。SlickGrid の経験がある人は、この効果を達成する方法を知っていますか?

4

1 に答える 1

0

私はこれが古い質問であることを知っています。しかし、私はあなたが求めていることと似たようなことをしました。

私のデータには、組織内のいくつかのサイトの資産に関する情報があります。したがって、レコードのグループごとに、サイトの名前は同じになります。データ ($.ajax 呼び出しで取得) を読み込んでいるときに、サイト名が変更されるたびに、データ配列に「親」行を挿入します。

これらの親行を太字で表示したかったのです。親行の CSS クラスを定義し、getItemMetadata() を使用してクラスを適用することで、これを実現しました。

dataView.getItemMetadata = function(row) {
    if (row is a parent) {
        return { 'cssClasses' : 'my-parent-row-class' };
    }
};

私のアプリケーションでは、Slickgrid フィルターと「トグル」クラス (クリック ハンドラーに適用) を使用して、親行をクリックし、その親行の下にグループ化された行を折りたたんだり展開したりできるドリルダウン機能を実装しました。 .

これが役立つことを願っています。

ティム

于 2013-02-12T18:02:07.940 に答える