ASP.NET AJAX のホームへ戻る

●マウスでテキストボックスの数値を増減させる (NumericUpDownExtender)

 

AJAX Control ToolkitNumericUpDownExtenderを利用すると、TextBoxに表示されている数値をマウスで増減させることができます。TextBoxの右側に上下の矢印ボタンを表示するにはNumericUpDownExtenderTargetControlIDプロパティにTextBoxIDを設定します。WidthプロパティにはTextBox(矢印ボタンを含む)の幅を設定します。数値以外の文字列に適用するには、RefValuesプロパティにセミコロン区切りで文字列(たとえば、H16;H17;H18年)を設定します。

 

<asp:TextBox ID="txtQty" runat="server" Text="1"

  Width="100px" style="text-align:center"/>

<ajaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender1" runat="server"

  TargetControlID="txtQty" Width="120" RefValues=""

  … />

 

fig16

マウスでTextBoxの数量を増減させる

ASP.NET AJAX のホームへ戻る