「ASPxTrackBar」は数値バーを表示し、
マウスのクリック、ドラッグ、スクロールで値を設定可能です。

「Microsoft Visual Studio」でも提供されていますので、
正直あまり必要とされない機能だと思います。
値設定では、別の数値テキスト等で可能ですから。。。。

しかし、デザイン重視のWebサイトだと使用すると良いかもしれません。

20161012_01

マウスドラッグでカーソル移動可能です。

20161012_02

※値75を選択

「+」をクリックでカーソル移動可能です。

20161012_03
※値85を選択

マウススクロールでカーソル移動可能です。

20161012_04
※値25を選択

関連記事はこちら:

  1. DevExpress の ASPxTrackBar でのデザイン（テーマ一覧） DevExpress の ASPxTrackBar でのデザイン（テーマ一覧）のサンプルです。 各オブジェクトのテーマ設定は見てみないと違いが分かりません。 今回はトラックバーのテーマ一覧を作成しました。 ＜デザイン（テ ......
  2. DevExpress の ASPxTrackBar でのボタン非表示設定 DevExpress の ASPxTrackBar でのボタン非表示設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜ボタン非表示設定＞ 「ShowChangeButtons=”False ......
  3. DevExpress の ASPxTrackBar でのサブメモリ数設定 DevExpress の ASPxTrackBar でのサブメモリ数設定のサンプルです。 現状の画面デザインはこのようになっています。 現在は、メモリ単位（LargeTickInterval）が「10」でサブメモリ数（S ......
  4. DevExpress の ASPxTrackBar でのタイトル表示位置設定 DevExpress の ASPxTrackBar でのタイトル表示位置設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜タイトル表示位置設定＞ 「Position=”Top” ......
  5. DevExpress の ASPxTrackBar でのタイトルフォント設定 DevExpress の ASPxTrackBar でのタイトルフォント設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜タイトルフォント設定＞ 「Font-Bold=”True̶ ......
  6. DevExpress の ASPxTrackBar での逆表示設定 DevExpress の ASPxTrackBar での逆表示設定のサンプルです。 現状の画面デザインはこのようになっています。 今回は最小値「0」が上の位置にあり、 最大値「60」が下の位置にあるのを逆転させます。 ＜ ......
  7. DevExpress の ASPxTrackBar での縦表示設定 DevExpress の ASPxTrackBar での縦表示設定のサンプルです。 現状の画面デザインはこのようになっています。 ＜縦表示設定＞ 「Orientation=”Vertical”」、 ......
  8. DevExpress の ASPxTrackBar でのメモリ単位設定 DevExpress の ASPxTrackBar でのメモリ単位設定のサンプルです。 現状の画面デザインはこのようになっています。 今回は、最大値が「60」ですので、「10」刻みでメモリ表示を行います。 ＜最小値、最大 ......
  9. DevExpress のサンプル作成（ASPxTrackBar） DevExpress のサンプル作成（ASPxTrackBar）手順です。 ＜サンプル作成（ASPxTrackBar）＞ ・プロジェクト作成（ASP.NET 空の Web アプリケーション）を選択します。 ※今回はDB接 ......
  10. DevExpress の ASPxTrackBar での範囲設定 DevExpress の ASPxTrackBar での範囲設定のサンプルです。 現状の画面デザインはこのようになっています。 今回は、範囲（From、To）の設定を行います。 ＜範囲設定＞ 「AllowRangeSel ......
投稿タグ