Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Der XdevSlider ist eine grafische Auswahl-Komponente, mit der sich ein Wert mit der Maus festlegen lässt. Über die Einstellung Orientation lässt sich der XdevSlider horizontal oder vertikal darstellen. Bei der Bewegung des Sliders wird der atkuelle Wert angezeigt. Der Wertebereich kann über die Einstellungen Min und Max definiert werden. Die Beschriftung (Caption) wird über dem XdevSlider angezeigt.  

Die XdevSlider ist eine Formular-Komponente und kann via XdevFieldGroup persistiert werden.   

 Image Removed

...

The XdevSlider is a graphical selection component that allows you to select a value by using the mouse to slide an icon between the end points of a track that corresponds to a range of values. When the Orientation setting is selected, the XdevSlider can be displayed horizontally or vertically. When you move the slider, the current value is displayed. The value range can be defined with the Min and Max setting. The field is displayed via the XdevSlider.  

The XdevSlider is a form component and can be persisted via XdevFieldGroup

 Image Added

Important properties:
  • Include Page
    Property Caption
    Property Caption
  • Max - Größter Wert innerhalb des Wertebereichs. Es sind Fließkommazahlen bis zu 3 Nachkommastellen erlaubt. Der Default-Wert ist  - Maximum value within the value range. Floating point numbers up to 3 decimal places are allowed. The default value is 100.0.
  • Min - Kleinster Wert innerhalb des Wertebereichs. Es sind Fließkommazahlen bis zu 3 Nachkommastellen erlaubt. Der Default-Wert ist  - Minimum value within the value range. Floating-point numbers up to 3 decimal places are allowed. The default value is 0.0.
  • Orientation
    • null - Default -Wert. Ordnet den XdevSlider horizontal anvalue. Arranges the XdevSlider horizontally.
    • HORIZONTAL - Ordnet den XdevSlider horizontal anArranges the XdevSlider horizontally.
    • VERTICAL - Ordnet den XdevSlider vertikal anArranges the XdevSlider vertically.
  • Include Page
    Property Required
    Property Required
  • Include Page
    Property RequiredError
    Property RequiredError
  • Resolution - Anzahl der Ziffern nach dem Dezimalpunkt in der Anzeige. Es sind nur Ganzzahlen erlaubt. Der Default-Wert ist Number of digits after the decimal point in the display. Only integers are permitted. The default value is 0.
  • Shortcut
  • Include Page
    Property TabIndex
    Property TabIndex
  • Include Page
    Property Value
    Property Value

...

Important events:
  • Include Page
    Event valueChange
    Event valueChange



Section
Databinding
Data binding:


Daten-Container (ModelData container (model) - Property

    • Ein Property kann implizit gesetzt werden mitA property can be set to implicit using setValue

      Code Block
      languagejava
      themeConfluence
      // Sets the Property
      
      this.slider.setValue(50.0);


    • oder indem ein Property eines Items als Model gesetzt wird. Die Zuweisung erfolgt dabei mit der Methode setPropertyDataSourceor by setting the property of an item as the model. As such, the allocation can be set using the setPropertyDataSource method.

      Code Block
      languagejava
      themeConfluence
      // Create a new property 
      Property<Float> newProperty = new ObjectProperty<>(50f, Float.class);
      
      // Sets the Property
      checkBox.setPropertyDataSource(newProperty);
Examples:
  • Aktuellen Wert auslesenRead current value

    Code Block
    languagejava
    themeConfluence
    final Double value = this.slider.getValue();
  • Wert setzenSet value

    Code Block
    languagejava
    themeConfluence
    this.slider.setValue(50.0);
  • Reset XdevSlider zurücksetzen

    Code Block
    languagejava
    themeConfluence
    this.slider.clear();
  • Fokus zuweisenAllocate focus

    Code Block
    languagejava
    themeConfluence
    this.slider.focus();
  • Slider vertikal anzeigenDisplay slider vertically

    Code Block
    languagejava
    themeConfluence
    slider.setOrientation(SliderOrientation.VERTICAL);

...


All XdevSlider

...

Methods