DevExpress の ASPxTrackBar での初期値設定

DevExpress の ASPxTrackBar での初期値設定のサンプルです。

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

＜初期値設定＞

「PositionStart=”20″」、「PositionEnd=”50″」を設定します。

【サンプルプログラム】

<form id="form1" runat="server">
<div>
<dx:ASPxTrackBar ID="ASPxTrackBar1" runat="server" AllowRangeSelection="True" 
    Caption="分設定" LargeTickInterval="10" MaxValue="60" Position="0" 
    PositionEnd="50" PositionStart="20" ScaleLabelFormatString="{0}分" 
    ScaleLabelHighlightMode="AlongBarHighlight" ScalePosition="Both" 
    SmallTickFrequency="2" Step="5" Theme="RedWine" Width="350px">
    <CaptionSettings HorizontalAlign="Center" Position="Top" ShowColon="False" 
        VerticalAlign="Middle" />
    <CaptionStyle Font-Bold="True" Font-Size="Medium" ForeColor="Blue">
    </CaptionStyle>
</dx:ASPxTrackBar>
</div>
</form>

<div>

<dx:ASPxTrackBar ID="ASPxTrackBar1" runat="server" AllowRangeSelection="True"

Caption="分設定" LargeTickInterval="10" MaxValue="60" Position="0"

PositionEnd="50" PositionStart="20" ScaleLabelFormatString="{0}分"

ScaleLabelHighlightMode="AlongBarHighlight" ScalePosition="Both"

SmallTickFrequency="2" Step="5" Theme="RedWine" Width="350px">

<CaptionSettings HorizontalAlign="Center" Position="Top" ShowColon="False"

VerticalAlign="Middle" />

</CaptionStyle>

</dx:ASPxTrackBar>

</div>

</form>

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

↓

無事にトラックバーの初期値設定が出来ました。

関連記事はこちら:

DevExpress の ASPxTrackBar とは「ASPxTrackBar」は数値バーを表示し、マウスのクリック、ドラッグ、スクロールで値を設定可能です。「Microsoft Visual Studio」でも提供されていますので、正直あまり必要とされない機能だと ......
DevExpress の ASPxTrackBar でのボタン非表示設定 DevExpress の ASPxTrackBar でのボタン非表示設定のサンプルです。現状の画面デザインはこのようになっています。＜ボタン非表示設定＞「ShowChangeButtons=”False ......
DevExpress の ASPxTrackBar でのサブメモリ数設定 DevExpress の ASPxTrackBar でのサブメモリ数設定のサンプルです。現状の画面デザインはこのようになっています。現在は、メモリ単位（LargeTickInterval）が「10」でサブメモリ数（S ......
DevExpress の ASPxTrackBar でのタイトル表示位置設定 DevExpress の ASPxTrackBar でのタイトル表示位置設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトル表示位置設定＞「Position=”Top” ......
DevExpress の ASPxTrackBar でのタイトルフォント設定 DevExpress の ASPxTrackBar でのタイトルフォント設定のサンプルです。現状の画面デザインはこのようになっています。＜タイトルフォント設定＞「Font-Bold=”True̶ ......
DevExpress の ASPxTrackBar での逆表示設定 DevExpress の ASPxTrackBar での逆表示設定のサンプルです。現状の画面デザインはこのようになっています。今回は最小値「0」が上の位置にあり、最大値「60」が下の位置にあるのを逆転させます。＜ ......
DevExpress の ASPxTrackBar での縦表示設定 DevExpress の ASPxTrackBar での縦表示設定のサンプルです。現状の画面デザインはこのようになっています。＜縦表示設定＞「Orientation=”Vertical”」、 ......
DevExpress の ASPxTrackBar でのメモリ単位設定 DevExpress の ASPxTrackBar でのメモリ単位設定のサンプルです。現状の画面デザインはこのようになっています。今回は、最大値が「60」ですので、「10」刻みでメモリ表示を行います。＜最小値、最大 ......
DevExpress の ASPxTrackBar でのデザイン（テーマ一覧） DevExpress の ASPxTrackBar でのデザイン（テーマ一覧）のサンプルです。各オブジェクトのテーマ設定は見てみないと違いが分かりません。今回はトラックバーのテーマ一覧を作成しました。＜デザイン（テ ......
DevExpress の ASPxTrackBar での範囲設定 DevExpress の ASPxTrackBar での範囲設定のサンプルです。現状の画面デザインはこのようになっています。今回は、範囲（From、To）の設定を行います。＜範囲設定＞「AllowRangeSel ......

投稿タグ: ASPxTrackBar

MENU

最近の投稿

人気記事