初心者のためのExtJS入門スマートフォン用の表示で見る初心者のためのExtJS入門ExtJSを使うので、ついでにまとめていきます2017-01-09チュートリアル:基本的なコンポーネントを使ってみるExtJSコンポーネントの配置Example(http://examples.sencha.com/extjs/6.2.0/examples/kitchensink/#components)を見ながら、ExtJSが標準で提供しているコンポーネントを試してみました。どんなものがあるかは、Exampleを見るのが一番だと思います。]});itemsコンフィグを使って、コンポーネントを配置することができます。'form'のように記載していますが、ここにはエイリアス名を指定します。最初にフォームパネルを設置していることになります。フォームパネル内にitemsコンフィグを使ってテキストフィールドとボタンを設置しています。あとデータビューを設置しました。dataview(データビュー)は、一覧表示する場合に使うコンポーネントで、ストアに格納されたデータを表示します。コンポーネントを連動してみるやってみたいのは、テキストフィールドに入力した文字列を保存ボタンでデータビューに転記する、といった感じです。]});ボタンのhandlerコンフィグに関数を指定することで、ボタンを押したときに実行される処理を定義できます。関数内でのthisは保存ボタン自身なので、そこから親のコンポーネントを辿ってアクセスしています。upやdownメソッドを使って親や子のコンポーネントを参照しています。引数にエイリアス名を指定することもできます。最後にテキストフィールドから取得した値を、ストアに追加することでデータビューに反映できました。これでは無理やりすぎるので、次はリファクタリングしてみようと思っています。16:05チュートリアル:基本的なコンポーネントを使ってみるTweet広告を非表示にする関連記事2017-01-18チュートリアル:ルーティングを使って、SPA(シングルページアプリケーション)にする(2)今回はSPAの続きです。ルーティングで画面を切り替える部分は...2017-01-17チュートリアル:ルーティングを使って、SPA(シングルページアプリケーション)にする(1)今回は、メモ一覧とメモ入力フォームを別の画面に分けて、ルー...2017-01-15チュートリアル:ビューモデルを使って、フォームパネルを編集に対応させる今回は、保存しているメモを編集できるようにしたい、という内...2017-01-14チュートリアル:モデル、ストアを作成する今回はモデルとストアを作成します。これまではデータビューの...2017-01-12チュートリアル:スタイルを整える現在の画面は↓なかんじになっているわけですが。(2)ツリーパネル[modern]任意のコンフィグを双方向バインディングに対応するスポットライト[classic]Googleマップアイコンフォントアイコンフォントのパッケージ作成suspendLayouts・resumeLayoutsES6で書いてみるExt.Deferredで非同期処理をまとめるビューモデルのデータにモデルを設定して使用するプラグインの作り方ミックスインの作り方ボタンのUIにバインディングできるように工夫するはてなブログをはじめよう!sham-memoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。