DevExpress でのスピンエディットのNULLテキスト設定

DevExpress でのスピンエディット（ASPxSpinEdit）のNULLテキスト設定のサンプルです。

現状の画面デザインはこのようになっています。
今回は、数値未入力時にテキスト表示するように設定します。

＜スピンエディットのNULLテキスト設定＞

・「ASPxSpinEdit」に対して「NullText=“数字入力”」の設定をします。

・同じように残りの「ASPxSpinEdit」に対してもNULLテキスト設定をします。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="10" Theme="RedWine" Caption="縦" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25.34" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">
    </dx:ASPxSpinEdit>
</div>
</form>

<div>

<dx:ASPxSpinEdit ID="ASPxSpinEdit1" runat="server" Number="10" Theme="RedWine" Caption="縦" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25.34" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">

</dx:ASPxSpinEdit>

</div>

</form>

それでは、実行して動作確認を行います。

↓

無事にスピンエディット（ASPxSpinEdit）のNULLテキスト設定が出来ました。

・数値を入力するとNULLテキストは自動で消えます。

・数値を削除するとNULLテキストは自動で表示されます。

関連記事はこちら:

DevExpress でのスピンエディットのタイトルフォント設定 DevExpress でのスピンエディット（ASPxSpinEdit）のタイトルフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのタイトルフォント設定＞・「ASPxSpin ......
DevExpress でのスピンエディットの非表示設定 DevExpress でのスピンエディット（ASPxSpinEdit）の非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットの非表示設定＞・「ASPxSpinEdit」に対して「 ......
DevExpress でのスピンエディットのヘルプポップアップの文字色設定 DevExpress でのスピンエディット（ASPxSpinEdit）のヘルプポップアップの文字色設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのヘルプポップアップの文字色設定＞ ......
DevExpress でのスピンエディットのヘルプ設定 DevExpress でのスピンエディット（ASPxSpinEdit）のヘルプ設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのヘルプ設定＞・「ASPxSpinEdit」に対して「 ......
DevExpress でのスピンエディットのカンマ区切り表示設定 DevExpress でのスピンエディット（ASPxSpinEdit）のカンマ区切り表示設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのカンマ区切り表示設定＞・「ASPxSpin ......
DevExpress でのスピンエディットのボタンサイズ設定 DevExpress でのスピンエディット（ASPxSpinEdit）のボタンサイズ設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのボタンサイズ設定＞・「ASPxSpinEdit ......
DevExpress でのスピンエディットのエンコード禁止設定 DevExpress でのスピンエディット（ASPxSpinEdit）のエンコード禁止設定のサンプルです。現状の画面デザインはこのようになっています。注意：今回の設定ではデザインが変わりません。＜スピンエディットの ......
DevExpress でのスピンエディットの任意マーク日本語設定 DevExpress でのスピンエディット（ASPxSpinEdit）の任意マーク日本語設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットの任意マーク日本語設定＞・「ASPxSpin ......
DevExpress でのスピンエディットのタイトル位置設定 DevExpress でのスピンエディット（ASPxSpinEdit）のタイトル位置設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのタイトル位置設定＞・「ASPxSpinEdit ......
DevExpress でのスピンエディットのタイトル取得（JavaScript） DevExpress でのスピンエディット（ASPxSpinEdit）のタイトル取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。「スピンエディット（ASPxSpinEdit）」 ......

投稿タグ: ASPxSpinEdit

MENU

最近の投稿

人気記事