DevExpress でのスピンエディットの範囲外ポップアップ非表示設定

DevExpress でのスピンエディット（ASPxSpinEdit）の範囲外ポップアップ非表示設定のサンプルです。

現状の画面デザインはこのようになっています。
※ボタン押下での範囲設定済みですが、
直接入力の場合は入力可能でフォーカス後に範囲値に変更

↓

＜スピンエディットの範囲外ポップアップ非表示設定＞

・「ASPxSpinEdit」に対して「ShowOutOfRangeWarning=”False”」の設定をします。

・同じように残りの「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="200px" EncodeHtml="False" MaxValue="110" MinValue="-6" NumberType="Integer" ShowOutOfRangeWarning="False">
        <SpinButtons ShowLargeIncrementButtons="True" Width="15px">
        </SpinButtons>
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings OptionalMark="<span style='color:blue; font-size:x-small;'>（任意）</span>" Position="Right" RequiredMarkDisplayMode="Optional" ShowColon="False" VerticalAlign="Middle" />
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" EncodeHtml="False" MaxValue="110" MinValue="-6" NumberType="Integer" ShowOutOfRangeWarning="False">
        <SpinButtons ShowLargeIncrementButtons="True" Width="15px">
        </SpinButtons>
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings OptionalMark="<span style='color:blue; font-size:x-small;'>（任意）</span>" Position="Right" RequiredMarkDisplayMode="Optional" ShowColon="False" VerticalAlign="Middle" />
    </dx:ASPxSpinEdit>
    <dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" EncodeHtml="False" MaxValue="110" MinValue="-6" NumberType="Integer" ShowOutOfRangeWarning="False">
        <SpinButtons ShowLargeIncrementButtons="True" Width="15px">
        </SpinButtons>
        <ClearButton DisplayMode="Always" Position="Left">
        </ClearButton>
        <CaptionSettings OptionalMark="<span style='color:blue; font-size:x-small;'>（任意）</span>" Position="Right" RequiredMarkDisplayMode="Optional" ShowColon="False" VerticalAlign="Middle" />
    </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="200px" EncodeHtml="False" MaxValue="110" MinValue="-6" NumberType="Integer" ShowOutOfRangeWarning="False">

</SpinButtons>

</ClearButton>

<CaptionSettings OptionalMark="<span style='color:blue; font-size:x-small;'>（任意）</span>" Position="Right" RequiredMarkDisplayMode="Optional" ShowColon="False" VerticalAlign="Middle" />

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit2" runat="server" Number="25" Theme="RedWine" Caption="横" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" EncodeHtml="False" MaxValue="110" MinValue="-6" NumberType="Integer" ShowOutOfRangeWarning="False">

</SpinButtons>

</ClearButton>

<CaptionSettings OptionalMark="<span style='color:blue; font-size:x-small;'>（任意）</span>" Position="Right" RequiredMarkDisplayMode="Optional" ShowColon="False" VerticalAlign="Middle" />

</dx:ASPxSpinEdit>

<dx:ASPxSpinEdit ID="ASPxSpinEdit3" runat="server" Theme="RedWine" Caption="高さ" Font-Size="Large" Height="40px" HorizontalAlign="Right" NullText="数字入力" Width="200px" EncodeHtml="False" MaxValue="110" MinValue="-6" NumberType="Integer" ShowOutOfRangeWarning="False">

</SpinButtons>

</ClearButton>

<CaptionSettings OptionalMark="<span style='color:blue; font-size:x-small;'>（任意）</span>" Position="Right" RequiredMarkDisplayMode="Optional" ShowColon="False" VerticalAlign="Middle" />

</dx:ASPxSpinEdit>

</div>

</form>

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

↓

※範囲外ポップアップ非表示

無事にスピンエディット（ASPxSpinEdit）の範囲外ポップアップ非表示設定が出来ました。

MENU

最近の投稿

人気記事

MENU

DevExpress でのスピンエディットの範囲外ポップアップ非表示設定

関連記事はこちら:

最近の投稿

人気記事