2013-07-01から1ヶ月間の記事一覧

x-hide-visibilityとx-hide-display

前のエントリでも出てきたCSSのclass x-hide-display とは別に x-hide-visibility というclassもある。 どちらも要素を非表示にするけど、 -displayの方は非表示にされた要素のあった場所に次の要素が詰めて表示。 -visibilityはもともとあった空間を開けて…

Ext.grid.column.Actionの表示/非表示を制御する。

Ext.grid.column.Actionはグリッド上のセルにボタン(アイコン)などを配置して、ユーザーのクリック操作に対応して何らかの処理を行うためのもの。 使うにはgridpanelのcolumnsとかにxtype:'actioncolumn'として記述する。 Ext.define 'example.Grid', { alia…

Ext.ux.Routerの話

ExtJSのMVCではControllerでviewが発火するイベントをlistenして、モデルの適切な処理を呼び出す。 でよいはずだが、Controllerから別のコントローラーを呼び出す時のコードの書き方がいまいち良くわかってない。 遷移元に遷移先のコントローラXXXの定義を書…

通知ウィンドウを出す。

アプリからToast的な通知を出すにはExt.ux.window.Notificationを使う。 http://www.eirik.net/Ext/ux/window/Notification.html { xtype: 'button' handler: ()-> Ext.create('widget.uxNotification', { title: 'お知らせ' position: 'br' # 右下(bottom -…

ボタンに外部サイトのリンクを付ける。

ExtJSのButton(Ext.button.Button)をクリックしたときに別のURLに遷移する(または新しいウィンドウで開く)にはhref、hrefTargetを設定してやればいい。 { xtype:'button' href:'http://google.co.jp/' hrefTarget: '_blank' text: '新しいウィンドウでgoogle…