「AjaxHelper を利用した作成・更新フォーム」で、AjaxHelper を利用して非同期通信で作成・更新の部分フォームを取得し、現在表示している画面に挿入することができました。ここでは、サーバー側で把握した検証エラーをデータ入力しているときと同じ状態の画面で通知できるようにしてみます。
方法としては、「入力ダイアログで入力された値のサーバーでの検証エラーの表示」と同じく、「データ検証でエラーが発生した場合、エラーメッセージと入力データをビューへ渡し、クライアント側では受け取った HTML ドキュメントからエラー発生を把握して、入力されていたデータをフォームにセットしてからダイアログを表示させる」ようにします。 続きを読む AjaxHelper を利用した作成・更新フォーム(サーバー側検証エラーの表示)
「ASP.NET MVC と jQuery で新規登録ダイアログと編集ダイアログ」で、サーバーから取得した HTML ドキュメント中のデータから（サーバーとの会話をせずに）更新などのダイアログを作成するコードを書いてみました。こんどは AjaxHelper を用いて、サーバーから更新などのフォームを取得して、部分的にページを書き換えてみたいと思います（最終的に、これもダイアログ表示までもっていきます）。 続きを読む AjaxHelper を利用した作成・更新フォーム
「ASP.NET MVC と jQuery で新規登録ダイアログと編集ダイアログ」でダイアログ上での新規登録とデータの編集を行ったわけですが、その際にサーバー側でのデータ検証でエラーを把握した場合に、単純にデータ入力画面（この場合はダイアログ表示）に戻せないと書きました。実際そのとおりなのですが、サーバー側のデータを使わないと検証できないものがあるのも事実です（ページング表示でクライアント側にすべてのデータが渡されていない場合のデータの重複確認など）。
そこで、サーバー側でデータ検証エラーを把握した際に、データ入力のダイアログを再表示させる方法を考えてみました。 続きを読む 入力ダイアログで入力された値のサーバーでの検証エラーの表示
ASP.NET MVC と jQuery で削除確認ダイアログの記事で、確認を行うダイアログを作ってみましたが、ダイアログの中で入力を行うダイアログは? と気になったので、ちょっと新規登録と編集をダイアログ上で行うものを作ってみました。登録・編集を行うものは、連絡先情報(名前、メールアドレス、電話番号)にしました。
ダイアログの表示部分は、jQuery と jQuery UI の Dialog を利用して JavaScript で、フォームの部分は、ASP.NET MVC の PartialView で構築します。 続きを読む ASP.NET MVC と jQuery で新規登録ダイアログと編集ダイアログ
「一覧で表示しているものから選択されたものを操作するときに、確認ダイアログを出したい」と思ったので、ちょっと書いてみました。動作概要はこんな感じです（操作は「削除」ということにします）。
ダイアログの表示部分は、jQuery と jQuery UI の Dialog を利用して JavaScript で構築します。
先週から ASP.NET MVC を試しています。以前、ASP.NET Web フォーム を試したときには、生成される HTML のあまりの汚さに使う気が失せたのですが、ASP.NET MVC は素直な HTML が生成されるので好感が持てます 🙂