DevExpress の ASPxMemo でのエラーメッセージ位置設定

DevExpress の ASPxMemo でのエラーメッセージ位置設定のサンプルです。

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

＜エラーメッセージ位置設定＞

「ErrorTextPosition=”Bottom”」を設定します。

【位置一覧】
・Top（上段）
・Right（右側、初期値）
・Bottom（下段）
・Left（左側）

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxMemo ID="ASPxMemo1" runat="server" Height="100px" 
        Theme="RedWine" Width="300px" Caption="テキスト複数行入力" 
        HelpText="改行入力可能" Text="初期文字">
        <ClientSideEvents Validation="function(s, e) {
            // エラーチェック処理は省く
            e.isValid = false;
        }" />
        <HelpTextStyle ForeColor="Blue">
        </HelpTextStyle>
        <CaptionSettings Position="Left" 
            ShowColon="False" VerticalAlign="Middle"  />
        <ValidationSettings ErrorTextPosition="Bottom">
        </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="初期文字">

<ClientSideEvents Validation="function(s, e) {

// エラーチェック処理は省く

e.isValid = false;

}" />

</HelpTextStyle>

<CaptionSettings Position="Left"

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

</ValidationSettings>

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

Font-Underline="True">

</CaptionStyle>

</dx:ASPxMemo>

</div>

</form>

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

↓

※「無効な値」が下段表示

無事にテキスト複数行のエラーメッセージ位置設定が出来ました。

＜Top（上段）＞

＜Right（右側、初期値）＞

＜Bottom（下段）＞

＜Left（左側）＞

関連記事はこちら:

DevExpress の ASPxMemo でのエラーメッセージ表示設定（JavaScript） DevExpress の ASPxMemo でのエラーメッセージ表示設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜エラーメッセージ表示設定（JavaScript）＞「Va ......
DevExpress の ASPxMemo での入力文字列取得（JavaScript） DevExpress の ASPxMemo での入力文字列取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜入力文字列取得（JavaScript）＞「Validation」イ ......
DevExpress の ASPxMemo でのスクロールバー非表示設定（JavaScript） DevExpress の ASPxMemo でのスクロールバー非表示設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜スクロールバー非表示設定（JavaScript）＞「In ......
DevExpress の ASPxMemo でのヘルプ位置（横）設定 DevExpress の ASPxMemo でのヘルプ位置（横）設定のサンプルです。現状の画面デザインはこのようになっています。＜ヘルプ位置（横）設定＞「HorizontalAlign=”Right&# ......
DevExpress の ASPxMemo での標準モード設定 DevExpress の ASPxMemo での標準モード設定のサンプルです。標準モードとは、外観（スタイル）を「標準HTML」を適用するので、テーマが効きません。現状の画面デザインはこのようになっています。＜標準 ......
DevExpress の ASPxSpreadsheet のまとめ DevExpress の ASPxSpreadsheet のまとめです。「ASPxSpreadsheet」は、Web画面でエクセル編集可能ですので非常に便利です。もっとも社内Webとして使う場合は必須だと思います。 ......
DevExpress の ASPxDateEdit での日付取得（カレンダー部分）（JavaScript） DevExpress の ASPxDateEdit での日付取得（カレンダー部分）（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。「ASPxDateEdit」オブジェクトのプロパテ ......
DevExpress の ASPxPopupControl での画面最小値設定 DevExpress の ASPxPopupControl での画面最小値設定のサンプルです。「ASPxPopupControl」のリサイズ設定は、過去ブログの「DevExpress の ASPxPopupContr ......
DevExpress の ASPxPopupControl でのドラッグ移動有効 DevExpress の ASPxPopupControl でのドラッグ移動有効のサンプルです。デフォルトではドラッグ移動「無効」ですので、画面移動が不可能です。今回は、ドラッグ移動「有効」設定を行い、画面移動を可能 ......
DevExpress の ASPxButton から ASPxGridView の「新規」実行設定 DevExpress のボタンからグリッドの「新規」実行設定のサンプルです。事前の設定準備が必要ですので、先日の実施準備を行っておいて下さい。別画面でリンク表示設定する内容は3点です。 1点目：ボタンを配置 2点目 ......

投稿タグ: ASPxMemo, JavaScript

MENU

最近の投稿

人気記事