2月25日(水)2、3コマ目

今日、やったこと

  • 複数ボタン
  • [練習問題]複数ボタン

今日のホワイトボード

Webフォームに複数のボタンがある場合

大前提として、ボタンが複数あっても、同時に複数をクリックすることはできない。

図　複数ボタン


〇ボタン1、ボタン2

ボタン1、ボタン2はname属性を同じ、value属性を別々にした。

OnPost()メソッドにname属性と同名の引数を１つ用意。

どちらかがクリックされると、この引数にクリックされたボタンのvalue属性値が代入される。


〇ボタン3、ボタン4

ボタン3、ボタン4はname属性を別々にした。

OnPost()メソッドの引数には、クリックされてないボタンのname属性と同名の引数にはnullが代入されるようにnull許容にした。


複数ボタン　サンプル　ソースコード

Index.cshtml

ボタン1、ボタン2は同じname属性。

ボタン3、ボタン4は別々のname属性。


Index.cshtml.cs

OnPost()メソッドには

  • ボタン1、ボタン2用の引数btnA
  • ボタン3用の引数btn3 -> クリックされない場合はnullに -> int?でnull許容型
  • ボタン4用の引数btn4 -> クリックされない場合はnullに -> int?でnull許容型

の３つの引数を用意。


[練習問題]複数ボタン

正解例をあげておきます。

WeatherData.cs

cs_山梨気象データテーブルのデータ受け渡し用クラス。

WeatherDataDAO.cs

cs_山梨気象データテーブルアクセス用クラス。


Index.cshtml.cs

クリックされたボタンに応じて検索。

なお、検索条件を入力欄は未入力の場合はOnPost()の引数にnullが代入されるように、null許容型に。


Index.cshtml

気象データ表示時に、nullの場合は空白文字列を出力。

空白文字列は　""　のかわりに　string.Empty　を利用。


次回は

練習問題の解説。で、テスト。


このブログの人気の投稿

1月23日(金)1、2コマ目

イメージ
今日、やったこと リンク(<a>タグ) Listクラスを使う 今日のホワイトボード リンク(<a>タグ) 前回 、クエリパラメータで検索条件を指定して検索した。 リンクのhref属性にクエリパラメータを含むURLを指定して、グループで検索できるようにした。 リンクは<a>タグで作成する。 図　リンク Index.cshtml Index.cshtml 前回のまま。 起動直後は以下のとおり。 図　起動直後 リンク”にぎりで検索”をクリックすると以下のとおり。 図　リンク”にぎり”をクリック リンク”まきで検索”をクリックすると以下のとおり。 図　リンク”まき”をクリック 表形式でグループ情報を表示したい 以前は検索結果1行分で文字列作成して表示していた。これを表形式で表示したい。 図　表形式でグループ一覧を表示 表形式で表示するには、検索結果の各列の値を個別に扱う必要がある。 　各列の値を個別に扱いたい => Groupクラスを用意 　Groupクラスのインスタンスをまとめてあつかいたい 　　=> ×配列 　　　　〇Listクラス 図　表形式で表示したい Group.cs Groupクラスは 　cs_グループマスタテーブルの情報を...
続きを読む

1月22日(木)2コマ目

イメージ
今日、やったこと クエリパラメータ＋DBアクセス 今日のホワイトボード Razorページのパス＋ファイル名とURL Razorページのパス、ファイル名とリクエストする際のURLは下図のとおり。 ファイル名がURLのパスになる。 図　Razorページのパス＋ファイル名とURL クエリパラメータ クライアントからURLでサーバーにデータを渡す仕組み。 サーバー側はクエリパラメータのパラメータ名と同じ名前の引数にパラメータ値が代入される。 図　クエリパラメータとOnGet()メソッドの引数 クエリパラメータでDBアクセス 検索条件をクエリパラメータでサーバーに送信する。 Index.cshtml.cs 引数違いでGetData()メソッドが2つある点に注意！！（メソッドのオーバーロード） Index.cshtml メソッドのオーバーロード Index.cshtml.csのGetData()メソッドは引数違いで２つある。 引数の型、数が異なれば、同名のメソッドを複数定義できる。（オーバーロードと呼ぶ） 図　メソッドのオーバーロード 次回は Listクラス。  
続きを読む

2月17日(火)3コマ目

イメージ
今日、やったこと OnPost()をつかう 今日のホワイトボード 前回のおさらい 前回 、Webフォームで入力、選択したデータをOnPost()メソッドで受け取って処理をした。 Webフォーム内(<form></form>)の<select>タグや<input>タグのname属性値と、選択・入力したvalue属性値(入力値もvalue属性値)のペアがサーバーに送信される。 サーバー側はOnPost()メソッドの引数で選択・入力値を受け取ることができる。 OnPost()メソッドの引数名とname属性値を一致させることがポイント。 図　WebフォームとOnPost()メソッド xxx円以上の商品を検索 選択・入力値は１こ。 図　xxx円以上の商品を検索 Group.cs cs_グループマスタテーブル情報受け渡し用クラス。 Item.cs cs_商品マスタテーブル情報受け渡し用クラス。 ItemDAO.cs cs_商品マスタテーブルアクセス用クラス。 検索メソッドはここに。 Index.cshtml.cs OnPost()の引数は検索条件入力用<input>タグのname属性値と一致させること。 Index.cshtml <form>を使うときは、@AddTagHelperを忘れずに 。 xxx円以上、xxx円以下の商品を検索 選択・入力値は2こに増えるが、OnPost()の引数が2つになるだけ。 <input>タグのname属性値とOnPost()の引数名を一致させること。 図　xxx円以上xxx円以下の商品を検索 Group.cs cs_グループマスタテーブル情報受け渡し用クラス。 "xxx円以上の商品を検索"とおなじ Item.cs cs_商品マスタテーブル情報受け渡し用クラス。 xxx円以上の商品を検索"とおなじ ItemDAO.cs cs_商品マスタテーブルアクセス用クラス。 検索メソッドはここに。 Index.cshtml.cs OnPost()の引数は検索条件入力用<input...
続きを読む