水平スライダまたは垂直スライダのルールにラベルを追加します。
<xe:djSliderRuleLabels attributes>content</xe:djSliderRuleLabels>
プロパティ | 説明 |
---|---|
id | デフォルトは djSliderRuleLabels1、djSliderRuleLabels2 などです。 |
style | ラベルの次元を指定します。 |
container | ラベルのロケーションとして、topDecoration、bottomDecoration、leftDecoration、rightDecoration のいずれかを指定します。 |
count、labels、labelsList | ラベルをパーセント数または実際のラベルとして指定します。 |
カテゴリ | プロパティ |
---|---|
アクセシビリティ | title、waiRole、waiState |
basics | binding、constraints、count、dir、id、labels、labelsList、lang、loaded、maximum、minimum、numericMargin、rendered、rendererType |
dojo | dojoAttributes、dojoType、dragRestriction、tooltip |
イベント | onBlur、onChange、 onClick、onClose、onDblClick、onFocus、onHide、onKeyDown、onKeyPress、onKeyUp、onMouseDown、onMouseEnter、onMouseLeave、onMouseMove、onMouseOut、onMouseOver、onMouseUp、onShow |
format | container |
styling | disableTheme、labelStyle、ruleStyle、style、styleClass、themeId |
実行時には、スライダルールの外側にラベルが表示されます。
<xp:table>
<xp:tr>
<xp:td>Horizontal Slider</xp:td>
<xp:td>
<xe:djHorizontalSlider id="djHorizontalSlider1" style="margin: 5px;width:200px; height: 20px;"
value="#{sessionScope.djHorizontalSlider1}" discreteValues="1000"
maximum="999" minimum="0">
<xe:djSliderRuleLabels id="djSliderRuleLabels1"
container="topDecoration"
style="height:10px;font-size:75%;color:gray;">
<xe:this.labelsList>
<xe:djSliderRuleLabel label="0"></xe:djSliderRuleLabel>
<xe:djSliderRuleLabel label="999"></xe:djSliderRuleLabel>
</xe:this.labelsList>
</xe:djSliderRuleLabels>
<xe:djSliderRule id="djSliderRule1"
container="topDecoration" style="height:5px;" count="11">
</xe:djSliderRule>
<xe:djSliderRule id="djSliderRule2" style="height:5px;"
count="11" container="bottomDecoration">
</xe:djSliderRule>
<xe:djSliderRuleLabels id="djSliderRuleLabels2"
container="bottomDecoration" style="height:10px;font-size:75%;color:gray;">
</xe:djSliderRuleLabels>
</xe:djHorizontalSlider>
</xp:td>
</xp:tr>
<xp:tr>
<xp:td>
<xp:button value="submit" id="button1">
<xp:eventHandler event="onclick" submit="true" refreshMode="complete" immediate="false" save="true">
</xp:eventHandler></xp:button>
</xp:td>
<xp:td></xp:td>
</xp:tr>
<xp:tr>
<xp:td>Value</xp:td>
<xp:td><xp:text escape="true" id="computedField1" value="#{sessionScope.djHorizontalSlider1}"></xp:text></xp:td>
</xp:tr>
</xp:table>