Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


In this article we show how to fill Select with Dynamic Data from Objects Filter

Image Added


You can use Select component with dynamic data 

  • Objects Filter
  • Events filter
  • API operation response

...

Step-by-step guide

...


  1. Goto Objects in your APP Create 2 (green mark on the picture)
  2. Add 2 custom columns ("code" and "Name)Image Removed" and full its as you can see on picture below, red mark)Image Added
  3. Create New filter and setup it Image RemovedGoto Constructorconfigure it (filter name and condition set as you can see on picture below, orange mark)Image Added
  4. Goto Constructor (red mark on the picture)
  5. Choose or create new screen (green mark on the picture)Image Added
  6. Add Select component on the screen Image Removed(red mark on the picture)
  7. Select this component to see it's propertiesProperties (green mark on the picture)
  8. Choose Dynamic options (blue mark on the picture)Image Added
  9. Put in Data Source the hashtag for your filter (for example - #ObjectsFilter:ourData:Data# ) (green mark on the picture)
  10. Put in Label key the objects@ + column name from Objects (for example - objects@code )
  11. Put in Value key the objects@ + column name from Objects (for example - objects@Name )Image Removed
  12. Save screenscreen (red mark on the picture)
    Image Added
  13. Open mobile app and check the result (in this picture - Option label is from Static options in that component )Image Modified


Info

Be very careful when filtering any data! Users will be dissatisfied if the item list contains more than 10 items.

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel = "smartfilter" and type = "page" and space = "KB"
labelssmartfilter

...