8月23日（火）1、2コマ目

今日、やったこと

引数以外で入力・選択値を取得する

今日のホワイトボード

 今まではフォーム上で入力・選択した値はOnPost()メソッド（OnGet()も同じ）にname属性と同じ名前の引数を用意して受け取っていました。

今日は、引数を使わずに、入力・選択した値を取得する方法を紹介します。

サンプルアプリケーション

グループで検索すると、商品が表示される。

表示された商品には数量入力用テキストボックス、カートへボタンがある。

図　サンプルアプリケーションについて

ポイントは数量入力用テキストボックスに入力された値を取得する方法。


Request.Form[]

OnPost()メソッドにて、Request.Form[]で<form></form>内の各要素にて入力・選択された値が取得できる。

図　Request.Form[]


ソースコード

Startup.cs

Sessionオブジェクトが使えるように設定。


SessionExtensions.cs

ISession拡張メソッド定義。いつもどおり。


Group.cs

グループ情報受け渡し用クラス。


Item.cs

商品情報受け渡し用クラス。


GroupDAO.cs

CS_グループマスタテーブルアクセス用クラス。


ItemDAO.cs

CS_商品マスタテーブルアクセス用クラス。


SelectedItem.cs

選択商品情報受け渡し用クラス。


Index.cshtml.cs

OnPost()メソッドで利用している　Request.Form[]　が今日のポイント。


Index.cshtml

特にややこしいことはないかと。


次回は

練習問題をやってもらいます。

このブログの人気の投稿

6月7日（火）1、2コマ目

イメージ
今日の予習 ISessionを拡張 セッションオブジェクトはISessionクラス。データとして保存できるのは byte[] int string のみ。使いずらいので、ISessionクラスに拡張メソッドを追加して対応。 ISessionに以下の２つの拡張メソッドを追加しています。 T Get<T>(string key) void Set<T>(string key, T value) Tはセッションオブジェクトに格納するモノの型 。 今日、やったこと Sessionオブジェクトにいろいろな型のデータを格納する 今日のホワイトボード 拡張メソッドのGet<T> ()、Set<T> () 図　拡張メソッドのSet<T>()、Get<T>() 作成したサンプル セッションオブジェクトにSelectedItemクラスのListを格納する。 Startup.cs 前回と同じようにSessionオブジェクトを使うための設定を行う。 SelectedItem.cs 選択データ(商品名、松竹梅、数量）をまとめて格納するためのクラス。 SessionExtensions.cs 通常のSessionオブジェクトであるISessionにGet<T>()メソッド、Set<T>()メソッドを拡張メソッドとして追加する。 上のサンプルと同じ。 Index.cshtml.cs OnPost()メソッドにて、拡張メソッドのGet<T>()、Set<T>()を使っているところがポイント。 Set<T>()、Get<T>()のTにはセッションオブジェクトに格納するデータの型を指定する 。 Index.cshtml ここでも拡張メソッドのGet<T>()を使ってSessionオブジェクトから選択商品のリストを取得している。 プロジェクトと名前空間 プロジェクトを作成すると同名の名前空間（Java的に言えばパッケージ）ができる。プロジェクト右クリックで追加されたクラスはこの名前空間に属する...
続きを読む

6月28日（火）1、2コマ目

イメージ
今日、やったこと [確認テスト]拡張セッションクラスを使った課題(課題4) 削除ボタン追加 今日のホワイトボード 削除ボタンを追加する [ポイント]  ボタンが複数ある場合、どのボタンがクリックされたかを判断するには？ 図のように選択済み商品毎に削除ボタンを設けます。 図　削除ボタン追加 カートへボタン、削除ボタンと複数ボタンがありますが、 どのボタンをクリックしても、OnPost()メソッドが実行されます 。よって、 OnPost()ではどのボタンがクリックされたかを判定する 必要があります。 Startup.cs いままでどおり。 Sessionオブジェクトを使えるようにすること。 SessionExtensions.cs Sessionオブジェクトに拡張メソッドを追加。 いままでどおり。 Item.cs 商品情報受け渡し用クラス。 SelectedItem.cs 選択商品情報受け渡し用クラス。 Index.cshtml.cs OnPost()の引数に注目。 引数deleteは削除ボタンのvalue属性がセットされる。 string型にしているのは、削除ボタンがクリックされなかったとき（カートへボタンクリック時）にはnullがセットされる ため。これでカートへボタンがクリックされたか？削除ボタンがクリックされたか？を判定している。ちなみにもし、int型だと０がセットされる。 Index.cshtml 次回は この削除ボタンの評価用課題をやってもらいます。
続きを読む

6月14日（火）1、2コマ目

イメージ
今日、やったこと ISession拡張の練習問題 今日のソースコード 「razorページ練習9」 作成するモノは以下のイメージです。 図　「razorページ練習9」 Startup.cs Sessionオブジェクトを使うように設定。 SessionExtension.cs 以前と同じ。 Item.cs iPad情報(ID、商品名）をひとまとめにして扱うためのクラス。 SelectedItem.cs 選択したiPad情報(Itemクラス)、色をひとまとめにして扱うためのクラス。 Index.cshtml.cs Index.cshtml 「razorページ_課題3」 作成するモノのイメージです。 図　「razorページ 課題3」 Startup.cs Sessionオブジェクトが使えるように設定。 SessionExtension.cs いつもどおり。 Coffee.cs コーヒー情報（ID、商品名、価格）をひとまとめにして扱うためのクラス。 Size.cs サイズ情報（ID、名前、差額）をひとまとめにして扱うためのクラス。 SelectedItem.cs 選択商品情報（コーヒー、サイズ、数量）をひとまとめにして扱うためのクラス。 Index.cshtml.cs Index.cshtml 次回は 「razorページ 課題3」の続き（同じ商品が複数回選択されたときの対応）をやります。  
続きを読む