Debounce Mobile

Stable Version 1.0.0 (OutSystems 11)
Published on 1 Jul by 
Created on 1 Jul
Details
Adds a web block that enables debouncing on an input field.
Read More

A debounce limits the rate at which a function can fire. An example would be querying an API for project names. You have a search field and you query the API every time you input a character into the input field. Although this is not a difficult task it will produce unneeded calls since the user isn't probably done typing in its search key. Therefor we wait a small duration after each character typed before triggering the API call. Every keystroke resets the timer and prevents the API from being called.

Usage:

  • Place the web block after the input field in question
  • Fill in the widget id of the input field
  • (optional) Fill in a wait duration (default is 350ms)
  • Create a client action for the RunAction event and define your query logic in this client action

Demo app is available.

Based upon the "Client Side Validation" component.

Reviews (0)
Category
UI & Widgets
Tags
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Vincent Koning who created this component.
Dependencies
See all 1 dependencies
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
More from Vincent Koning