×

Please give details of the problem

Docs

Find

    Developer Guide

        1. Todo Validation
      1. Release Your User Login
      1. Process Reporting API
        1. CSS Examples
        2. CSS Personalization
      1. Performance
        1. List Reinitialization
        2. Holidays
        3. Number Currency Format
        4. Label Modification
        5. Array From WS
        6. Launch Process JQuery
        7. Column Inactivation
        8. Date
        9. Print JSONObject
        10. ArrayJSON to JSONArray
        11. Invalid Fields
        12. Round
        13. Initialization Widget Date
        14. JQuery
        15. Inject JSONObject
        16. Google Tables
        1. Summing Array
        2. API Listener
        3. User Lane Picker
        4. Retrieving Variables Values
          1. Chart Dashboard
          2. Report Chart
          3. Google Visualization
          4. Chart Dashboard Collection
        5. Tags
        6. Collection
        7. File Preview
        8. Dynamic List
        9. Dialog Window
        10. JavaScript Report
        11. Autocomplete Widget
          1. homepage.js
          2. homepage.css
        1. Logout
        2. Custom Login Page
        3. Header
        4. Mobile Devices
        5. Basket
        6. Redirection ExecutionMode
        7. Menu Bar
        8. Information Tags
      1. Composite API Example
      1. Markdown Template
        1. Task Reminder Email
        2. SubProcess
        3. PDF
        4. JavaScript Inclusion
        5. Variable Mapping
        6. Backloop
      2. Trigger
        1. File Visibility
        2. Number Currency Format
        3. Error Handling
        4. JSONObject Concatenation
        5. Loop
        6. Dynamic Variable
        7. List 1000+ Objects
        8. Metadata
        9. Freemarker Container Test
        10. JSONObject Keys Values
        11. List Hash Sequence
        12. Special Freemarker Characters
        13. Salesforce Computation
        14. Array To List
        15. JSONArray Conversion
        16. Lock
        17. JSONObject Creation
        18. Number Test
      1. Customer Management
        1. Messages
        2. Scheduled Process
        1. Custom Lists
          1. Web Interface Stylesheet Tab
          2. Web Interface Analytics Tab
          3. Web Interface Implementation Tab
          4. Web Interface Collection Tab
          5. Web Interface API Tab
          6. Web Interface Design Tab
          7. Web Interface JS Tab
            1. Report Widget
            2. List Widget
            3. JavaScript Widget
            4. History Widget
            5. RadioButton Widget
            6. FileUpload Widget
            7. StaticText Widget
            8. HTML Editor Widget
            9. ProgressBar Widget
            10. Section Widget
            11. Spinner Widget
            12. Image Widget
            13. Multi Checkbox Widget
            14. Tab Widget
            15. Tree Widget
            16. HTML Widget
            17. Checkbox Widget
            18. Button Widget
            19. Custom Widget
            20. URLInput Widget
            21. TextInput Widget
            22. Array Widget
            23. Captcha Widget
            24. Geolocation Widget
          1. Version
          2. Project Version Tab
          3. Project Definition Tab
          4. Project Description Tab
          5. Project Rights Tab
          6. Project Versioned Files Tab
          7. Project Collection Tab
          8. Project Files Tab
        2. Collections
          1. Providers
          2. Processes
          3. Connectors
        3. Revision
          1. Composite API Configuration Tab
          2. Composite API Design Tab
          1. Process Input Tab
          2. Process General Tab
          3. Process Measures Tab
          4. Process Variables Tab
            1. Gate
            2. Process Step Output Variables
              1. Process Task Functional Tab
              2. Process Task Connector Tab
              3. Process Task Script Tab
              4. Process Task Loop Tab
              5. Process Task SubProcess Tab
              6. Process Task Manual Tab
              7. Process Task Email Tab
            3. Process Step Input Variables
            4. Process Step Testing Variables
              1. Process Intermediary Event
              2. Process Start Event
              3. Process Timer Event
          5. Process Design
          1. Organization
          2. Roles entities
        1. My Applications
        2. Files
        3. Home
        1. Process Examples
        2. Connectors
        1. Web Interface Reports
          1. Parameters
          2. Runtime Users
          3. Execution Path
          4. Measuring
        1. Configuration
        2. Users
        3. Usage
      1. Mobile
      2. Offline
      1. Collections BackOffice
      2. Collections To List
      3. Collections To Array
      4. Collection JS Freemarker
      1. Access Rights
      2. Delegation
      3. Compound Organization Hierarchy
      4. Dynamic Lanes
      5. Scripted Lanes
      6. Runtime Lanes

    How to use collection data in a Array

    First, read the tutorials:

    Goal

    Let's configure 2 linked lists in an array : in every row, a list of car brands (col1), and a list of car names from the selected brand (col2).

    2012-05-31_162958

    Concept

    Creating linked lists in the array widget is the same as out of the array. You just have to set dynamically the variable name of the variable based lists.

    An array widget is a set of columns. Each column has a specific widget type. As from a row to another on the same column, the content of the variable based list may be different, the variable names they rely on must be different.

    The concept is to set dynamically the names :

    Column 'Name' : 1st cell : vb_name = vb_car_0, 2nd cell : vb_name = vb_car_1 etc...

    Design

    Create a new webinterface and add an array widget :

    2012-05-31_163723

    • variable my_cars
    • identifier id_my_cars
    • 1st column

      • label: 'Brand'
      • type: 'List'

        • Type: 'Custom list'
        • List : 'Car brands'
      • value variable: brand_id

      • label variable: brand_label

    2012-05-31_164407

    • 2nd column

      • label: 'Name'
      • type: 'List'

        • Type: 'Variable based'

        • List variable: vb_car (it won't be used. Just don't leave that field empty)

        • value variable: name
      • label variable: car_id

    2012-05-31_164446

    • 3rd column

      • label: 'js listen brand_id'

      • type: 'Javascript'

      • make it invisible

      • Listen to variable: my_cars.brand_id[P_index]

    2012-05-31_164523

    • Script as below

    Code

    1
    2
    3
    4
    5
    6
    var vb_name = "vb_name_" + P_index;
    var p_widget = id_my_cars.id_name[P_index];
    
    var my_pattern = {};
    my_pattern.brand_id = [[my_cars.brand_id]][P_index];
    col_cars.listCallback(my_pattern,{},set_list_names(vb_name,p_widget),get_names_ko);
    

    Note : this javascript will listen to the 'Brand' cell on the same row ([[my_cars.brand_id]][P_index]), then will retrieve associated car names from the collection and set the result in the 'Name' cell on the same row (id_my_cars.id_name[P_index]).

    When the call to the collection is performed, it will then call &set_list_names or get_names_ko functions. Let's define them in a js widget included in a split widget at the bottom of the webinterface.

    2012-05-31_165442

    Label as 'js def' (1) and script as below (2):

    Code

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    function set_list_names(vb_name,p_widget) {
    return function (result) {
    var vb_car = new Array();
    for(i=0;i<result.length;i++) {
    vb_car.push({"label":result[i].name,"value":result[i].car_id});
    }
    // set the name of the variable of the variable based list
    p_widget.setListVariableName(vb_name);
    // set the value of the variable of the variable based list
    var a = new RMP_List();
    a.fromArray(vb_car); 
    RMPApplication.setList(vb_name,a);
    // refresh the list (required only for array widgets)
    p_widget.loadList();
    }
    
    }
    
    function get_names_ko(result) {
     //Error while retrieving cars from brand_id
     alert("ko " + JSON.stringify(result));
    }
    

    It's done : give it a try!