Sencha Touch | ExtJSで楽しくRIA業務アプリ開発
今回はExt JS,Sencha Touchのどちらでも非常によく使うAjaxの処理を紹介します。 サンプルコードはSencha Touchですが、Ajaxリクエストの処理はExt JSでもほぼ同じです。 まずAjaxでリクエストする先を用意する必要があります。 今回はPHPで作成しました。 ・PHP <?php //サンプル //3秒待つ sleep(3); //POST値の処理 $param = $_POST['id']; $res['id'] = $param; if ($param) { $res['success'] = true; }else { $res['success'] = false; } //JSONで返す header('Content-Type: application/json'); echo json_encode($res); die(); ?> 3
Sencha Touchノート
TabPanelクラスはcardSwitchAnimationプロパティを利用することで、簡単にカード切り替えのアニメーションを作れます。 cubeアニメーションサンプル fadeアニメーションサンプル flipアニメーションサンプル popアニメーションサンプル slideアニメーションサンプル cubeアニメーションを行うJavaScriptは次のとおりです。cardSwitchAnimationプロパティの値に'cube'が指定してあります。 index.js Ext.setup({ onReady: function(){ var cards = [{ title: 'Photo 1', html: 'Photo 1 ', cls: 'card1' }, { title: 'Photo 2', html: 'Photo 2 ', cls: 'card2' }, { title: '
ExtJSで楽しくRIA業務アプリ開発
株式会社sus4 開発チームこのブログに載っているサンプルコードや、簡単なコードをチェックする際に、わざわざHTMLファイルを用意して、ExtJSの読み込むコードを埋め込んで、Java Scriptを書くのは少し面倒くさかったりします。そんなときに使える小技にブックマークレットとFirebugの合わせ技があります。 ExtJSライブラリをブックマークレットで読み込んで、FirebugのコンソールにExtJSのコードを書いていくことができます。 元ネタはここです。 http://extjswordpress.net/extjs-apps-as-bookmarklets/ 上記のリンク先からのコードをブックマークして使います。 下にそのコードを見やすく改行したのを展開してみました。 javascript: var ss=document.createElement('link'); s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
