swipe event on the form

[Pink-El]

Hello,

I need help. How to catch onswipe event on the form?

Dmytro

[Sherzod]

Hi,

 

Can you clarify the issue, in the mobile version?

 

Best regards.

[Pink-El]

Yes! I am sorry... 

Dmytro

[Sherzod]

Hi,

 

Try this solution:

 

MainmForm -> ClientEvents -> UniEvents [Ext.Container[window]] add window.afterCreate fn:

function window.afterCreate(sender)
{
  sender.element.on("swipe",
    function(e){
      // your logic
      alert("onSwipe")
    }
  )
}

* function(e)... e = Ext.event.Touch

 

Best regards.

[Pink-El]

The Bomb! Thank you very much!

[Pink-El]

Hello,

I found how to catch direction of the swipe but I can not to find how to close current form in the script.

Hide method works but I need close. Have you any ideas?

function window.afterCreate(sender)

{

 

  sender.element.on("swipe",

    function(e){

      if(e.direction=='right')  {

      alert("onSwipeRight");         

      window.Close();

      }

      if(e.direction=='left')  {

      alert("onSwipeLeft")

      }

 

    }

  )

}

[Sherzod]

Hi,

 

* how to close current form in the script?

 

I'm sorry, what do you mean,
can you more detail .. or a small test case?

 

Best regards.

[Pink-El]

Well, my form is scrollable and too long. When the user swipe screen to left or to right I need close current form and back to the previews form. 

[Sherzod]

if I understand you correctly, try:

 

for example, for UnimForm3:

function window.afterCreate(sender)
{
  sender.element.on("swipe",
    function(e){
      ajaxRequest(sender, '_close', [])
    }
  )
}

procedure TUnimForm3.UnimFormAjaxEvent(Sender: TComponent; EventName: string;
  Params: TStrings);
begin
  if EventName = '_close' then
  begin
    Close;
  end;
end;

Best regards.

[Pink-El]

All fine! Thank you!