initEvents : function ()
{
+
+
var startNum = (1.0*this.startnumber).toFixed(this.decimal);
+ //Roo.log("STARTNUmber: " + startNum);
for (i=startNum.length-1; i>=0; i=i-1)
{
addDigit : function (num)
{
+
+ //Roo.log("Add digit "+ num);
// Add separator after every 3rd digit
- /*if (this.digits.length % 3 == 0 && this.digits.length != 0)
- {
+ if (this.decimal == 0 && this.digits.length % 3 == 0 && this.digits.length != 0) {
this.addSeparator(',');
}
- */
+
var digit = new Roo.ux.FlipCounter.Digit({ manager : this, currentNumber : num });
digit.el.remove();
// Remove separators
- // if (this.digits.length % 3 == 0)
- // {
- // var comma = this.el.select('li.comma:first-child');
- // this.ulWidth = this.ulWidth - comma.getWidth(true);
- // comma.remove();
- //}
+ if (this.decimal == 0 & this.digits.length % 3 == 0)
+ {
+ var comma = this.el.select('li.comma:first-child');
+ this.ulWidth = this.ulWidth - comma.getWidth(true);
+ comma.remove();
+ }
// Update width to current
this.el.set( { 'min-width' : this.ulWidth});
var dl = this.digits.length + (this.decimal > 0 ? 1 : 0);
// Change the number of digits displayed if needed
- if (numStr.length != this.digits.length)
+ if (numStr.length != dl)
{
- var diff = numStr.length - this.digits.length;
- Roo.log("DIFF LEN=" +diff);
+ var diff = numStr.length - dl;
+ //Roo.log("DIFF LEN=" +diff);
if (diff > 0)
{
for (i=0; i<diff; i=i+1) {
}
// Change all digit values
- for (i=0; i<numStr.length; i=i+1)
+
+ for (i=0, n=0; i<numStr.length; i=i+1)
{
if (numStr[numStr.length - 1 - i] == '.') {
continue;
}
- Roo.log("UPDATE DIGIT=" + i + " to " + numStr[numStr.length - 1 - i]);
- this.digits[i].flipTo(numStr[numStr.length - 1 - i]);
+ //Roo.log("UPDATE DIGIT=" + i + " to " + numStr[numStr.length - 1 - i]);
+ this.digits[n++].flipTo(numStr[numStr.length - 1 - i]);
}
}
getAutoCreate : function(){
+ //Roo.log("render with cn=" + this.currentNumber);
return {
tag: 'li',
cn : [
{
cls : 'flipper_top flipper_top2 flipper_top_back',
cn : [
- { tag: 'span', html: this.currentNumber },
+ { tag: 'span', html: ""+this.currentNumber },
{ cls : 'rings' }
]
{
cls : 'flipper_top flipper_top_front',
cn : [
- { tag: 'span', html: this.currentNumber },
+ { tag: 'span', html: ""+this.currentNumber },
{ cls : 'rings' }
]
{
cls : 'flipper_bottom flipper_bottom1 flipper_bottom_back',
cn : [
- { tag: 'span', html: this.currentNumber },
+ { tag: 'span', html: ""+this.currentNumber },
{ cls : 'rings' }
]
},
{
cls : 'flipper_bottom flipper_bottom_front',
cn : [
- { tag: 'span', html: this.currentNumber },
+ { tag: 'span', html: ""+this.currentNumber },
{ cls : 'rings' }
]
},