初心者のためのExtJS入門スマートフォン用の表示で見る初心者のためのExtJS入門ExtJSを使うので、ついでにまとめていきます2017-01-12チュートリアル:フォームパネルの機能を使うExtJSフォームパネルの機能を使ってリファクタリングまずはフォームパネル(Ext.form.Panel)の機能を使って、さらにリファクタリングします。]});入力フィールドにnameコンフィグを指定すると、フォームパネルのgetValuesメソッドの戻り値に指定したnameコンフィグをキーとして値が含まれるようになっています。タイトルと本文のnameコンフィグに、それぞれtitle、bodyと設定したので、getValuesの戻り値は下記のような値となります。"本文として入力したテキスト"}これでいちいち入力フィールドをひとつずつ参照しなくて済むようになりました。ビューコントローラは次のようになります。Memo.view.main.Mainのビューコントローラクラス。保存ボタンクリック時の処理。}});入力チェックタイトルが入力されていなければ保存ボタンが機能しないようにしたいです。その場合、テキストフィールド(Ext.form.field.Text)のallowBlankコンフィグにfalseを指定します。すると、対象フィールドのisValidメソッドを実行することで、入力の検証を行い、エラーと判断した場合にはエラーメッセージを表示してくれます。フォームパネルのisValidメソッドを実行すると、パネル内に配置されているフィールド全てのisValidを自動的に呼び出してくれるので、こっちを使ったほうが便利です。入力チェックを追加したコードは次のようになりました。Memo.view.main.Mainのビューコントローラクラス。保存ボタンクリック時の処理。}});タイトルを入力せずに保存ボタンをクリックすると、タイトルのテキストフィールドが赤枠になります。(1)今回からExtJS6.5のフォームの変更点を挙げていきます。バリデ...2017-01-18チュートリアル:ルーティングを使って、SPA(シングルページアプリケーション)にする(2)今回はSPAの続きです。ルーティングで画面を切り替える部分は...2017-01-15チュートリアル:ビューモデルを使って、フォームパネルを編集に対応させる今回は、保存しているメモを編集できるようにしたい、という内...2017-01-14チュートリアル:モデル、ストアを作成する今回はモデルとストアを作成します。これまではデータビューの...2017-01-12チュートリアル:スタイルを整える現在の画面は↓なかんじになっているわけですが。(2)ツリーパネル[modern]任意のコンフィグを双方向バインディングに対応するスポットライト[classic]Googleマップアイコンフォントアイコンフォントのパッケージ作成suspendLayouts・resumeLayoutsES6で書いてみるExt.Deferredで非同期処理をまとめるビューモデルのデータにモデルを設定して使用するプラグインの作り方ミックスインの作り方ボタンのUIにバインディングできるように工夫するはてなブログをはじめよう!sham-memoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。