DevExpress の ASPxMemo でのエラー箇所へ自動フォーカス移動設定

DevExpress の ASPxMemo でのエラー箇所へ自動フォーカス移動設定のサンプルです。

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

↓

入力内容を削除してフォーカス移動します。

＜エラー箇所へ自動フォーカス移動設定＞

「SetFocusOnError=”True”」を設定します。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxMemo ID="ASPxMemo1" runat="server" Height="100px" 
        Theme="RedWine" Width="300px" Caption="テキスト複数行入力" 
        HelpText="改行入力可能" Text="初期文字">
        <HelpTextStyle ForeColor="Blue">
        </HelpTextStyle>
        <CaptionSettings Position="Left" 
            ShowColon="False" VerticalAlign="Middle"  />
        <ValidationSettings SetFocusOnError="True">
            <RequiredField ErrorText="必須項目！！！" IsRequired="True" />
        </ValidationSettings>
        <CaptionStyle Font-Bold="True" Font-Size="Medium" 
            Font-Underline="True">
        </CaptionStyle>
        <Border BorderWidth="5px" />
    </dx:ASPxMemo>
</div>
</form>

<div>

<dx:ASPxMemo ID="ASPxMemo1" runat="server" Height="100px"

Theme="RedWine" Width="300px" Caption="テキスト複数行入力"

HelpText="改行入力可能" Text="初期文字">

</HelpTextStyle>

<CaptionSettings Position="Left"

ShowColon="False" VerticalAlign="Middle" />

</ValidationSettings>

<CaptionStyle Font-Bold="True" Font-Size="Medium"

Font-Underline="True">

</CaptionStyle>

</dx:ASPxMemo>

</div>

</form>

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

↓

入力内容を削除してフォーカス移動します。

※画像では判断しにくいですが、エラーなのでテキスト複数行項目にフォーカス移動しています。

無事にテキスト複数行のエラー箇所へ自動フォーカス移動設定が出来ました。

関連記事はこちら:

DevExpress の ASPxMemo とは「ASPxMemo」は文字列を複数行（改行）入力することが可能です。「Microsoft Visual Studio」でも提供されていますが、テキストボックスに対して複数行設定する必要があります。「ASPxMemo ......
DevExpress の ASPxMemo でのヘルプポップアップ設定 DevExpress の ASPxMemo でのヘルプポップアップ設定のサンプルです。現状の画面デザインはこのようになっています。＜ヘルプポップアップ設定＞「DisplayMode=”PopupR ......
DevExpress の ASPxMemo でのヘルプ位置（横）設定 DevExpress の ASPxMemo でのヘルプ位置（横）設定のサンプルです。現状の画面デザインはこのようになっています。＜ヘルプ位置（横）設定＞「HorizontalAlign=”Right&# ......
DevExpress の ASPxMemo でのタイトル必須マーク設定 DevExpress の ASPxMemo でのタイトル必須マーク設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル必須マーク設定＞「RequiredMark=”（必須）R ......
DevExpress の ASPxMemo でのタイトル必須マーク表示設定 DevExpress の ASPxMemo でのタイトル必須マーク表示設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル必須マーク表示設定＞「RequiredMarkDisplayMode= ......
DevExpress の ASPxMemo でのタイトルフォント設定 DevExpress の ASPxMemo でのタイトルフォント設定のサンプルです。現状の画面デザインはこのようになっています。今回はタイトルを「太文字」、「アンダーライン」設定にします。＜タイトルフォント設定＞ ......
DevExpress の ASPxMemo でのタイトルフォントサイズ設定 DevExpress の ASPxMemo でのタイトルフォントサイズ設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトルフォントサイズ設定＞「Font-Size=”Medium& ......
DevExpress の ASPxMemo での幅設定（半角文字数） DevExpress の ASPxMemo での幅設定（半角文字数）のサンプルです。現状の画面デザインはこのようになっています。＜幅設定（半角文字数）＞「Columns=”10″」を設定しま ......
DevExpress の ASPxMemo での標準モード設定 DevExpress の ASPxMemo での標準モード設定のサンプルです。標準モードとは、外観（スタイル）を「標準HTML」を適用するので、テーマが効きません。現状の画面デザインはこのようになっています。＜標準 ......
DevExpress の ASPxMemo での初期文字設定 DevExpress の ASPxMemo での初期文字設定のサンプルです。現状の画面デザインはこのようになっています。＜初期文字設定＞「Text=”初期文字”」を設定します。【サンプルプ ......

投稿タグ: ASPxMemo

MENU

最近の投稿

人気記事