JSEventHandler - User ControlUnofficial Content

Download here

Control Description

The JSEventHandler control lets you capture javascript events when they are triggered on a web form control. It is a "behavioral" user control, that is, it does not show any control on the page, it just captures the assigned javascript events and executes a GeneXus event.

jseventhandler-runtime

Using the control

Drag the control from the Toolbox and drop it anywhere in the form. The place where you drop it within the form is not important, as the control has no visual behavior. 

Example 1 - Using a GeneXus control

Event Start
    &eventlist.Add("mouseover") //&eventlist is a variable Character (collection), created automatically
    &eventlist.Add("mouseout")
    JSEventHandler1.AttachedControl = TextBlockSample.InternalName //TextBlockSample is a textblock on the web form
    &img.FromImage(email1) //&img is a bitmap variable on form and email1, email2 image objects
EndEvent

Event JSEventHandler1.EventHandled
    Do Case
        Case JSEventHandler1.EventType = "mouseover"
            &img.FromImage(email1) //restore original image onmouseover
        Case JSEventHandler1.EventType = "mouseout"
            &img.FromImage(email2) //change image onmouseout
    EndCase
EndEvent

Example 2 - Using document as a attached control (character counter)

Event Start
    &eventlist.Add("keyup")
    JSEventHandler1.AttachedControl = "document"
EndEvent

Event JSEventHandler1.EventHandled
    &Length= &string.Length() // Eg: &Length variable on the form
    msg(&Length.ToString())
EndEvent

Other "document" Events:

  • click
  • dblclick
  • keydown
  • keypress
  • keyup
  • mousedown // user depresses the mouse button on this element
  • mouseup //user releases the mouse button on this element
  • contextmenu

 

Most used "window" Events:

  • resize
  • scroll

Control properties

ControlName Name of the control

Width

Sets control's width

Height

Sets control's height

EventList

EventList collection variable

Control Events

The user control triggers an EventHandled event as described above.

To Install It

Please visit: Default Installation Instructions for User Controls.

Contact information

Please send feedback to: martin@simplifica.com.uy, armando@simplifica.com.uy