2016-04-27 6 views
0

のサイズを変更する列:私はoncolumnresize、リサイズ、columnresizeを試してみましたExtJSのcolumnmodel、以下の列モデル内の列のサイズ変更をリッスンするためにどのように

new Ext.grid.ColumnModel({ 
    columns : [{ 
      }] 

。彼らの誰も列の幅の変化を聞いていません。私は列の幅の変化に耳を傾け、それに応じて行動を起こしたい。

$(element).width().bind('change',...); 
$(element).bind('resize', function() { 

私は上記のオプションも試してみましたが、動作しません。

jqueryで列リスナーをリッスンしたり、それを処理できますか?どちらができ、適切に機能するのですか?

注:私はExtJSのバージョンと思うが、私はそれを達成するためにresizeイベントに耳を傾けることcolumnためlistenersプロパティを使用3

+0

あなたが持っているextjのバージョンを知りたい場合は、Chromeでアプリを開き、キーボードのF12を押して開発者ツールを開き、Ctrl + Oを押してle jsファイルを表示し、ext-all.jsまたはextを検索します-all-debug.js。ヘッダーに次のように表示されます:このファイルはExt JS 3.4の一部です。その後、extO3をStackOverflowタグに追加することができます。この助けを願っています。 –

+0

ありがとう@MichaelLane、私はそのバージョンを見た、その3 –

答えて

1

です:

columns : [{ 
      text: 'Name', 
      dataIndex: 'Name', 
      flex: 1, 
      listeners:{ 
       resize:function (ct, width, eOpts) { 
         //your code goes here 
       } 
       } 
      }] 
+0

私のextjs3です、サイズ変更は、列のイベントではありません。 –

0

あなたはExtJSに3を使用している場合は、あなたが見なければなりませんExtJS 3.4.0のためのドキュメントに、新しいドキュメントには挿入しないでください。

これを行うと、that there are only very few events available on columns, and resize isn't one of themが表示されます。

あなたは今検索をやめることができますが、私があなただったら私はしません。

widthchangeは、列の幅がプログラムによって変更され、非常にドキュメントエントリに検索イベント(GridPanelのcolumnresize)がある場合に発生するイベントwidthchangeが見つかるためです。 (!)。

+0

しかし、私はグリッドパネルを使用していないので、それは役に立ちません。私もwidthchangeイベントを見たことがありますが、ユーザーがUIからサイズを変更すると、それは発生しません。それで、他の方法やjqueryの種類があれば、それは動作しますか? –

関連する問題