2012-02-28 10 views
3

私はslick-gridバージョン1.4.3を使用することに制限されていますが、slick-gridの最新バージョンには、カラムに 'headerCssClass'属性があります。滑らかなグリッド1.4.3で単一ヘッダーのクラスを動的に変更する方法はありますか?

私は、複数の列ソート機能を追加するためにスリックグリッドを拡張しており、それに応じて各ソートヘッダーのクラスを設定する必要があります。ですから、疑問を再現するために、滑らかなグリッド1.4.3の任意のヘッダのクラスを動的に変更する方法を知っている人はいますか?

答えて

0

すなわち

http://api.jquery.com/addClass/

http://api.jquery.com/removeClass/

私は実際に滑らかなグリッドを変更するjQueryのを使用することは好ましくないとして、このソリューションを愛し、しかし、ここにはありません。

var headers = $('.slick-header-columns').get(0).children; 

デフォルト以外のc滑らかなグリッドの列を介してすべてのヘッダ(すなわち、$(headers).removeClass('slick-header-column-sorted')

反復からの小娘の情報や希望列インデックス

var header = headers[wantedColIdx]; 
$(header).addClass('yourClass'); 
0

私はあなたがjQueryでこれを行うことができると思います。

名前を付けて空のCSSクラスを追加します。

次に、クラスを動的に変更するためにaddClassとremoveClassを呼び出すことができます。

jQuery('.my-class').addClass('new-header-class'); 
+0

雅でクラスを追加するためにjQueryのを使用して、私はそれを行うことについて考えていましたしかし、私はそれがクラスを変更するために正しいヘッダーセルにアクセスできる唯一の方法は、滑らかなグリッドのonClick()関数を定義し、セルがヘッダーセルである場合に現在行っていることをオーバーライドすることだと思います。これは未知の問題の可能性を示唆しているようである点を除いて、おそらくうまくいくでしょう – JoughTheFun

+0

また、セルが実際のアイテムを表していない場合(つまり、ヘッダーセルでは機能しない場合)、 'onClick'イベントは発生しません。 – JoughTheFun

+0

どこからでも呼び出すことができ、onclickは必要ありません。あなたが気にするものに「my-class」や何かを追加している限り。 – Craig

関連する問題