DevExpress の ASPxMemo でのスクロールバー非表示設定（JavaScript）

DevExpress の ASPxMemo でのスクロールバー非表示設定（JavaScript）のサンプルです。

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

＜スクロールバー非表示設定（JavaScript）＞

「Init」イベントで「s.GetInputElement().style.overflowY=’hidden';」を設定します。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
    <dx:ASPxMemo ID="ASPxMemo1" runat="server" Height="100px" 
        NullText="文字を入力して下さい。" Theme="RedWine" Width="300px" Caption="テキスト複数行入力" 
        HelpText="改行入力可能" Text="初期文字">
        <ClientSideEvents Init="function(s, e) {
            s.GetInputElement().style.overflowY='hidden';
        }" />
        <NullTextStyle ForeColor="Red">
        </NullTextStyle>
        <HelpTextStyle ForeColor="Blue">
        </HelpTextStyle>
        <CaptionSettings Position="Left" 
            ShowColon="False" VerticalAlign="Middle"  />
        <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"

NullText="文字を入力して下さい。" Theme="RedWine" Width="300px" Caption="テキスト複数行入力"

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

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

s.GetInputElement().style.overflowY='hidden';

}" />

</NullTextStyle>

</HelpTextStyle>

<CaptionSettings Position="Left"

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

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

Font-Underline="True">

</CaptionStyle>

</dx:ASPxMemo>

</div>

</form>

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

↓

※スクロールバー非表示

無事にテキスト複数行のスクロールバー非表示設定（JavaScript）が出来ました。

関連記事はこちら:

DevExpress の ASPxMemo のまとめ DevExpress の ASPxMemo のまとめです。「ASPxMemo」は、複数行を明確的に表すだけですので、正直そこまでメリットがありません。＜メリット＞・デザイン選択が可能・エラーメッセージ表示可能＜ ......
DevExpress の ASPxMemo でのエラーメッセージ内容設定（JavaScript） DevExpress の ASPxMemo でのエラーメッセージ内容設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜エラーメッセージ内容設定（JavaScript）＞「Va ......
DevExpress の ASPxMemo でのエラーメッセージモード設定 DevExpress の ASPxMemo でのエラーメッセージモード設定のサンプルです。現状の画面デザインはこのようになっています。＜エラーメッセージモード設定＞「ErrorDisplayMode=” ......
DevExpress の ASPxMemo でのエラーメッセージフォント設定 DevExpress の ASPxMemo でのエラーメッセージフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜エラーメッセージフォント設定＞「Font-Size=”X-Lar ......
DevExpress の ASPxMemo でのエラーメッセージ内容設定 DevExpress の ASPxMemo でのエラーメッセージ位置設定のサンプルです。現状の画面デザインはこのようになっています。今回は「無効な値」のメッセージを「無効な文字列」に変更します。＜エラーメッセージ位 ......
DevExpress の ASPxMemo でのエラーメッセージ位置設定 DevExpress の ASPxMemo でのエラーメッセージ位置設定のサンプルです。現状の画面デザインはこのようになっています。＜エラーメッセージ位置設定＞「ErrorTextPosition=”B ......
DevExpress の ASPxMemo でのエラーメッセージ表示設定（JavaScript） DevExpress の ASPxMemo でのエラーメッセージ表示設定（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜エラーメッセージ表示設定（JavaScript）＞「Va ......
DevExpress の ASPxMemo での入力文字列取得（JavaScript） DevExpress の ASPxMemo での入力文字列取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。＜入力文字列取得（JavaScript）＞「Validation」イ ......
DevExpress の ASPxCalendar での単数選択の日付取得（JavaScript） DevExpress の ASPxCalendar での単数選択の日付取得（JavaScript）のサンプルです。現状の画面デザインはこのようになっています。「ASPxCalendar」オブジェクトのプロパティを変更 ......
DevExpress の ASPxGridView でのデータ取得（1項目) DevExpress の ASPxGridView でのデータ取得（1項目）のサンプルです。今回は、グリッド行のダブルクリックイベントで、選択行のデータ（1項目）を取得します。設定する内容は2点です。 1点目：「A ......

投稿タグ: ASPxMemo, JavaScript

MENU

最近の投稿

人気記事