<script type="text/javascript"> Ext.setup({ onReady: function () { var urlTemplate = new Ext.XTemplate( '<tpl if="url !== \'\'"><a href="{url}" target="_blank">URLを表示する</a></tpl>', '<tpl if="url === \'\'"></tpl>' ); var txtUrl = new Ext.form.Field({ data: { url: '' }, tpl: urlTemplate.html }); var b…

Ext.Msg.alert('タイトル', 'メッセージ'); 個人的にはタイトルは空白にした方がみやすい。

「action」にイベントリスナーを追加する。「action」イベントが発生すると「submit」してしまう。 特に処理が無ければエラーになるので「return false」で「submit」を抑制している。 var txtSample = new Ext.form.Text({ label: 'Sample' }); txtSample.o…

Ext.Msg.confirm('タイトル', 'メッセージ', function (btn) { if (btn === 'yes') { } });

var json = Ext.decode('JSON形式の文字列');

<script type="text/javascript"> Ext.regModel("Search", { fields: [ { name: "id", type: "int" }, { name: "query", type: "string" } ], proxy: { type: 'localstorage', id: 'local' } }); Ext.regStore('Searches', { model: 'Search' }); Ext.setup({ onReady: function () { var tx…

Ext.is.Phone

Ext.Listに「itemtap」イベントを追加し、Listに関連づけたデータストアから値を取得する。 list.on('itemtap', function (view, index, item, e) { var store = this.store, instance = store.getAt(index); Ext.Msg.alert('', instance.get('firstName') +…

var txtUser = new Ext.form.Text({ label: 'User' }); 値の取得、セット方法は txtUser.getValue(); txtUser.setValue(''); を用いる。

タップ時のイベントは「handler」に記述する。 var btnLogin = new Ext.Button({ text: '', handler: function () { } });

実際の開発では各パネルを継承して部品を作り、後で結合する形になる。そのひな形。 exPanel = Ext.extend(Ext.Panel, { initComponent: function() { // new時の初期値をセットする Ext.apply(this, { }); // 呼び出しもとの初期値をスーパークラスにセット…

社内開発で『Sencha Touch』に触れる機会があったので防備録をつけていきたいと思います。

<script type="text/javascript"> Ext.setup({ onReady: function() { } }); </script>

itemsに {xtype: 'spacer'} を追加する。この後に右に配置するボタンを記述する。