×

Please give details of the problem

Docs

Find

    User Guide

  1. Usage Report
  2. Logs Application
  3. Easy Builder
  4. FAQ
  5. User Management
        1. Composite API Design Tab
        2. Composite API Configuration Tab
        1. Providers
        2. Connectors
        3. Processes
        1. Roles entities
        2. Organization
      1. Collections
        1. Project Files Tab
        2. Project Definition Tab
        3. Project Versioned Files Tab
        4. Project Version Tab
        5. Project Description Tab
        6. Version
        7. Project Rights Tab
        8. Project Collection Tab
        1. Web Interface JS Tab
        2. Web Interface Design Tab
          1. Image Widget
          2. FileUpload Widget
          3. StaticText Widget
          4. ProgressBar Widget
          5. TextInput Widget
          6. JavaScript Widget
          7. Section Widget
          8. Geolocation Widget
          9. Checkbox Widget
          10. RadioButton Widget
          11. Tree Widget
          12. Spinner Widget
          13. History Widget
          14. URLInput Widget
          15. Tab Widget
          16. List Widget
          17. Array Widget
          18. HTML Editor Widget
          19. Report Widget
          20. Button Widget
          21. Custom Widget
          22. Captcha Widget
          23. HTML Widget
          24. Multi Checkbox Widget
        3. Web Interface Analytics Tab
        4. Web Interface Collection Tab
        5. Web Interface Implementation Tab
        6. Web Interface API Tab
        7. Web Interface Stylesheet Tab
      2. Revision
      3. Custom Lists
        1. Process Variables Tab
        2. Process Measures Tab
            1. Process Timer Event
            2. Process Start Event
            3. Process Intermediary Event
          1. Gate
            1. Process Task Loop Tab
            2. Process Task Manual Tab
            3. Process Task Email Tab
            4. Process Task Connector Tab
            5. Process Task SubProcess Tab
            6. Process Task Functional Tab
            7. Process Task Script Tab
          2. Process Step Output Variables
          3. Process Step Testing Variables
          4. Process Step Input Variables
        3. Process General Tab
        4. Process Design
        5. Process Input Tab
      1. Home
      2. My Tasks
      3. My Applications
      4. Files
    1. Customer Management
      1. Messages
      2. Scheduled Process
      1. Process Examples
      2. Connectors
      1. Users
      2. Configuration
      3. Usage
      1. Web Interface Reports
        1. Measuring
        2. Runtime Users
        3. Execution Path
        4. Parameters
    1. RunMyApp for Android
    2. RunMyApp for iOS
    3. RunMyApp for Windows
  6. My Settings
  7. App Translator

Tree Widget

Allows you to define a tree widget.

application_tree

treeView Tree widget
A tree widget has the following properties fields:

  • Source: source can be a collection (Choose a collection button) or a javacript (Other data source button) or a URL (Other data source button)
  • Query: this field is only available if source is a Collection. Query is a pattern : {"lastname":"Smith"} that allows you to restrict your query.
  • Value attribute: name of the key that will contain value to be displayed (see JS sample below)
  • Children attribute: name of the key that will contain children to be displayed (see JS sample below)
  • On data loaded: JS to be executed once data source have been loaded. This field is only available if source is a Collection or url.
  • On data loaded failed: JS to be executed if data source loading has failed. This field is only available if source is a Collection or url.
  • On node selected: JS to be executed when a node is selected
  • On node collapsed: JS to be executed when a node is collapsed
  • On node expanded: JS to be executed when a node is expanded
  • Identifier: id of the widget. You will only need it if you want to use Javascript functions in your web page.

Here is a JS sample to populated a widget tree (complete structure is described in setData js function)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
var data = [
 {"value":"node1","type":"text","children":[{"value":"Leaf1","children":[{"value":"Leaf 2"}]}]},

{"value":"1338315800","type":"date","editable":"true","children":

[{"value":"Leaf1","editable":"false"}]},

{"value":"29.36","type":"number","editable":"false"},

{"value":"true","type":"boolean"},

{"value":["AA","BB","CC"],"type":"list","selected":"CC"}

];
id_myTree.setData(data);

info By default, values are editable. 5 types of data are available : text, date, number, list, boolean