DevExpress でのスピンエディットのクリアボタン表示設定

DevExpress でのスピンエディット（ASPxSpinEdit）のクリアボタン表示設定のサンプルです。

現状の画面デザインはこのようになっています。

＜スピンエディットのクリアボタン表示設定＞

・「ASPxSpinEdit」の「ClearButton」に対して「DisplayMode=”Always”」の設定をします。

・同じように残りの「ASPxSpinEdit」に対してもクリアボタン表示設定をします。

【サンプルプログラム】

<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">
        <ClearButton DisplayMode="Always">
        </ClearButton>
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25.34" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">
        <ClearButton DisplayMode="Always">
        </ClearButton>
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="150px">
        <ClearButton DisplayMode="Always">
        </ClearButton>
    </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">

</ClearButton>

</dx:ASPxSpinEdit>

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

</ClearButton>

</dx:ASPxSpinEdit>

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

</ClearButton>

</dx:ASPxSpinEdit>

</div>

</form>

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

↓

無事にスピンエディット（ASPxSpinEdit）のクリアボタン表示設定が出来ました。

関連記事はこちら:

DevExpress でのスピンエディットのデザイン（テーマ一覧） DevExpress でのスピンエディット（ASPxSpinEdit）のデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はスピンエディットのテーマ一覧を作成しまし ......
DevExpress でのスピンエディットの値取得（JavaScript） DevExpress でのスピンエディット（ASPxSpinEdit）の値取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。「JavaScript」の操作手順は、過去ブログの「D ......
DevExpress でのスピンエディットのNULL値禁止設定 DevExpress でのスピンエディット（ASPxSpinEdit）のNULL値禁止設定のサンプルです。現状の画面デザインはこのようになっています。 ↓ ＜スピンエディットのNULL値禁止設定＞・「ASPxSpin ......
DevExpress でのスピンエディットのヘルプポップアップ位置設定 DevExpress でのスピンエディット（ASPxSpinEdit）のヘルプポップアップ位置設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのヘルプポップアップ位置設定＞・「AS ......
DevExpress でのスピンエディットの左右加減設定 DevExpress でのスピンエディット（ASPxSpinEdit）の左右加減設定のサンプルです。現状の画面デザインはこのようになっています。 ※左右のボタンは「10」で増減します。＜スピンエディットの左右加減設定 ......
DevExpress でのスピンエディットのボタン無効化設定 DevExpress でのスピンエディット（ASPxSpinEdit）のボタン無効化設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのボタン無効化設定＞・「ASPxSpinEdit ......
DevExpress でのスピンエディットの任意マーク色設定 DevExpress でのスピンエディット（ASPxSpinEdit）の任意マーク色設定のサンプルです。現状の画面デザインはこのようになっています。【注意】事前にエンコード禁止設定が必要です。エンコード禁止設定を ......
DevExpress でのスピンエディットのタイトル位置（縦）設定 DevExpress でのスピンエディット（ASPxSpinEdit）のタイトル位置（縦）設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのタイトル位置（縦）設定＞・「ASPxSp ......
DevExpress でのスピンエディットのサイズ幅設定 DevExpress でのスピンエディット（ASPxSpinEdit）のサイズ幅設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのサイズ幅設定＞・「ASPxSpinEdit」に対し ......
DevExpress でのスピンエディットのエラー文字サイズ設定 DevExpress でのスピンエディット（ASPxSpinEdit）のエラー文字サイズ設定のサンプルです。現状の画面デザインはこのようになっています。＜スピンエディットのエラー文字サイズ設定＞・「ASPxSpin ......

投稿タグ: ASPxSpinEdit

MENU

最近の投稿

人気記事