Question

我要尝试的是使用onChange来检测dojo水平滑块是否从右向左拖动。这恰好在IBM XPages中，但是下面的CSJS代码区域应该是通用的。如何使用_isReversed属性获取true / false？

<xe:djHorizontalSlider
style="margin-left:5px;width:200px;height:20px"
id="djHorizontalSlider1" showButtons="false" 
defaultValue="1" maximum="15" minimum="1"
intermediateChanges="true" 
discreteValues="8" value="#{viewScope.sliderNumber1}">
<xe:this.converter>
<xp:convertNumber integerOnly="true"
type="number">
</xp:convertNumber>
</xe:this.converter>

<xp:eventHandler event="onChange" submit="false">
<xe:this.script><![CDATA[

//I WANT TO DETECT IN THIS CSJS 
//IF THE SLIDER WAS DRAGGED RIGHT TO LEFT

}]]></xe:this.script>
</xe:djHorizontalSlider>

Answer 1

onChange事件发生时，小部件已经更改了其内部值，从而几乎无法在此处检测到任何更改。但是我写了一个小解决方法来检测滑块是否从右移到左。

您应将此代码放在onChange处理程序中。它所做的是将当前值保存在小部件本身的data属性中。发生其他更改时，将根据新值进行检查并使用新值进行更新。这样，您可以将以前的值（也可以是起始值）与新值进行比较。

希望这对您有用！

// find dojo widget
var w = dijit.byId("#{id:djHorizontalSlider1}");

// get previous value from attribute (or default value)
var previousValue = dojo.attr(w.domNode,"data-prev-value") || w.params.value;

// log info about current and previous value
console.log("new value=" + thisEvent);
console.log("previous value=" + previousValue);

//save new value
dojo.attr(w.domNode,"data-prev-value",thisEvent);

// check value 
if(parseInt(thisEvent) < parseInt(previousValue)){

    alert("Detected slide right to left! new value="+thisEvent+", old value="+previousValue);
}

Dojo滑块已反转

1 个答案: