Adobe Flex Prevent Double Click

Question

I have an adobe flex datagrid with a simple custom label itemrenderer in one of the columns. Clicking on the itemrenderer fires off a cairngorm event, which results in a service call being made, and the data from the service call populates a TitleWindow.

Even though I have set the doubleClickedEnabled property to false, its still possible to sometimes double click the item renderer, resulting in two service calls being made, and two TitleWindows being shown. In other cases, triple clicking seems to trigger the undesired result as well.

Is there any method to prevent this kind of behaviour?

Answer 1

Keep track of when you get a click event and if you get two within a certain amount of time (250ms) ignore the second.

var lastTime:Date = new Date(0);

function OnClickHandler(event:Event):void {
    if ((new Date()).time - lastTime.time < 250) {
        return;
    }
    lastTime = new Date();
    ...
}

Answer 2

// class variable section
var lastTime:Date = null;

...

function handler(evt:Event):void{
    var currentTime = new Date();
    if (lastTime === null){
         lastTime = currentTime;
    } else {
         var diff = currentTime.milliseconds() - lastTime.milliseconds();
         if (diff <= 250) // try some other intervals to get best result for you.
             return;
         else 
             lastTime = currentTime;
    }
    ... the rest of your code.
}

Answer 3

The best way to do this is to set a flag in your itemRenderer to note that it has been clicked once. This prevents it from sending another cairngorm event until the result of the first one is returned, at which time you reset the flag, enabling it to be clicked again.

For brevity, the following code assumes everything is happening within the same scope. If it isn't you'll have to send and receive events to and from the itemRender from some other context.

[Bindable]
var _clickEnabled:Boolean = true;

private function doClickStuff() : void {
  if (_clickEnabled) {
    // fire your event
    _clickEnabled = false;
  } 
}

private function onEventReturnHandler(event:Event) : void {
  // do whatever it is you're going to do
  _clickEnabled = true;
}