ExtJS Toolbarのbutton

Toolbar上でボタンのUIを一般的なボタンのUIにしたいとき。

いろいろ調べたが、toolbarのコンフィグに

 ui: "footer",

を加えるともっとも簡単にきれいにボタンが表示された。

Chromeでクロスドメインチェックを外す

--disable-web-security

ExtJS Grid CellEditing 更新できない

複数のGRIDを準備して、ボタンに合わせて表示を切り替えるタイプのとき、


gridA = Ext.create('Ext.grid.Panel', {...

gridB = Ext.create('Ext.grid.Panel', {...

gridC = Ext.create('Ext.grid.Panel', {...

として、
gridB.hide();
gridC.hide();

とすると、gridCのcelleditingが機能しない。。。
どうもhide()のタイミングとeditingイベントのハンドリングのタイミングに問題があるようだ。

仕方ないので、jQueryで対応した

$(gridB).hide();
$(gridC).hide();

ExtJS4.1 FormをSubmitした後、Maskが消えない

下のようなコードではunMaskされなくて悩んでいた。

form.submit({
    waitMsg: '処理中',
    success: function(a, b, c, d, e) {
     
    },
    failure: function(form, action) {
        Ext.Msg.alert('エラー', action.result.msg);
    }
});

でもfailureの時はちゃんとunMaskされる、、ということは


form.submit({
    waitMsg: '処理中',
    success: function(a, b, c, d, e) {
        Ext.Msg.alert('通知', '処理しました');
    },
    failure: function(form, action) {
        Ext.Msg.alert('エラー', action.result.msg);
    }
});

ならunMaskされるようになった。

Visual Stadio でSencha Touchを配置する

あれこれ検索していたら、Application直下に lib というフォルダを置くと、コンパイル後もアクセスできる模様なので、以下のようにJSファイルを配置。

Application
+Properties
(...)
-lib
 +app
 -sencha
  +resources
   sencha-touch-all-debug.js
 app.js

そして、app.js　でappFolderを以下のように指定する

 Ext.application({
    appFolder: '../lib/app',

これで動いてくれた

--追記
Sencha Touch本体の画像等のresourcesも必要です。

Application
+Properties
(..)
+resources

と追加すると読み込まれました。
つまり、resourcesでも問題ないということ。

Visual Studioでフォルダをプロジェクトに追加する

Visual Studioでプロジェクトに既存のフォルダを追加する場合には、エクスプローラからフォルダをソリューションエクスプローラのプロジェクトのノードへドラッグ＆ドロップすると追加できます。


http://www.ipentec.com/document/document.aspx?page=visual-studio-add-folder&culture=ja-jp

Panelの入れ替え

Sencha Touch 2では、

Panel1, Panel2とあり、Panel1 と Panel2を切り替えたいとき、

１）
Ext.Viewport.add([ Panel1, Panel2 ]);
とすると、Panel1のみが表示になります。（自動的にPanel2は非表示になる）

２）
Ext.Viewport.animateActiveItem(Panel2);
でPanel2に切り替え戻すときは、
Ext.Viewport.animateActiveItem(Panel1);