Buttonコントロール

Buttonコントロール

 Buttonコントロールはマウスなどでクリックして、処理の起点として利用します。

■ 主なプロパティ(Button、LinkButton)

■ Textプロパティ

 ボタンコントロールに表示する文字列を設定します。

■ 主なプロパティ(ImageButton)

■ AlternateTextプロパティ

 画像が使用できないときに表示する代替文字列を設定します。ツールヒントをサポートしているブラウザの場合は、ツールヒントとしても表示されます。

■ ImageAlignプロパティ

 画像の配置を設定します。

■ ImageUrlプロパティ

 表示する画像ファイルの位置を設定します。

■ 主なイベント

■ Clickイベント

 ボタンがクリックされた時に発生します。

プロジェクトの種類 ASP.NET Webアプリケーション
プロジェクト名 ButtonTest

サンプルダウンロード

○ デザイン

 Webフォームを追加して、次の図のように各コントロールを配置してください。

コントロールの配置例
コントロールの配置例

○ プログラム

 次のように各イベントハンドラを記述してください。それぞれのButtonコントロールをダブルクリックすると、イベントハンドラのスケルトンが表示されます。

Default.aspx.vb

  1. Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
  2.  If Not IsPostBack Then
  3.   'TextBoxコントロールを初期化
  4.   TextBox1.Text = ""
  5.   'Buttonコントロールのキャプション変更
  6.   Button1.Text = "クリック"
  7.   'LinkButtonコントロールのリンクを変更
  8.   LinkButton1.Text = "クリック"
  9.   'ImageButtonコントロールの画像を変更
  10.   ImageButton1.ImageUrl = "https://www.infotechfactory.biz/logo.png"
  11.  End If
  12. End Sub
  13. Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click
  14.  'ButtonコントロールがクリックされたらTextBoxコントロールに文字列を表示
  15.  TextBox1.Text = "Buttonがクリックされました。"
  16. End Sub
  17. Protected Sub LinkButton1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles LinkButton1.Click
  18.  'LinkButtonコントロールがクリックされたらTextBoxコントロールに文字列を表示
  19.  TextBox1.Text = "LinkButtonがクリックされました。"
  20. End Sub
  21. Protected Sub ImageButton1_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClickEventArgs) Handles ImageButton1.Click
  22.  'ImageButtonコントロールがクリックされたらTextBoxコントロールに文字列を表示
  23.  TextBox1.Text = "ImageButtonがクリックされました。"
  24. End Sub

○ 実行結果

実行結果
実行結果

 クリックしたボタンの種類をテキストボックスに表示させました。

前へ   次へ