}});一覧画面のビューコントローラ作成ビューコントローラを追加し、一覧画面の処理を実装します。メモ一覧パネルクラス。メモ一覧リストクラス。メモ一覧ビューコントローラクラス。showscreenイベント時の処理。新規作成ボタンタップ時の処理。リストitemtapイベント時の処理。}});Memo.view.list.Listのxtypeが残念なことになっていますが、まあ、これで進めましょうwclassicで「click」と名の付いたイベントは、modernでは「tap」となります。Ext.Listで行をタップしたときは、itemtapイベントが発生するので、イベントハンドラの割り当てもitemtapに行います。ボタンの場合は、classicと同じようにhandlerコンフィグにイベントハンドラを割り当てられますが、内部的にはtapイベント発生時に処理されています。メモ登録フォームパネルクラス。メモ登録のビューコントローラクラス。showscreenイベント時の処理。保存ボタンタップ時の処理。メモ登録のビューモデルクラス。フォームのモード(新規か編集か)のラベルを返す。}});大きく異なる部分は、入力チェックの部分です。classicでは入力フィールドにバリデーションチェックの定義を設定しますが、modernではモデルのvalidatorsにバリデーションチェックの定義を設定します。具体的には、モデルのgetValidationの戻り値であるExt.data.Validationのdirtyでエラーがあるかどうかを判定します。エラーがあった場合の表示方法が乏しいのがmodernの特徴です(ノД`)classicの場合、エラーのあった入力フィールドにエラーメッセージを表示する機能が標準で備わっていますが、modernでは無いためユーザ自身で実装する必要があります。先のコードでは、メッセージボックスで簡単にエラー表示しています。defaultTokenを設定しておくここはclassicと同じです。アプリケーションクラス。'list'});最終的に、↓のようになりました。エラーメッセージがひどい状態ですが、今回はここまで。次回は削除できるようにします。00:04チュートリアル:ルーティングを使って、SPA(シングルページアプリケーション)にする(modern)Tweet広告を非表示にする関連記事2017-11-12ビューモデルのデータにモデルを設定して使用するビューモデルに、データのモデルを設定することがあります。今...2017-03-11バリデーション:classicのようにエラーテキストを画面に表示させる[modern]※ExtJS6.5.0からmodernのエラー表示の機能が強化され、標準機能...2017-02-09グリッドの機能:ドラッグ&ドロップ[classic]Ext.grid.plugin.DragDropプラグインを使うと、グリッドの行を...2017-01-25チュートリアル:削除処理の実装(modern)今回はメモを削除できるようにします。削除だけだと、あまりに...2017-01-20チュートリアル:ストアのプロキシを変更する今回はストアのプロキシをローカルストレージに変更します。(2)ツリーパネル[modern]任意のコンフィグを双方向バインディングに対応するスポットライト[classic]Googleマップアイコンフォントアイコンフォントのパッケージ作成suspendLayouts・resumeLayoutsES6で書いてみるExt.Deferredで非同期処理をまとめるビューモデルのデータにモデルを設定して使用するプラグインの作り方ミックスインの作り方ボタンのUIにバインディングできるように工夫するはてなブログをはじめよう!sham-memoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。