How to change value and read the value of a Multi Select

[[email protected] 8]

I hope someone can help me with the following.

 

My plan is to be able to loop through some objects and display the values for each object. It must be possible to change the values of each object and eventually update all objects.
Everything behind it is under control, but I have had a challenge with the UI.
I have created a user-defined layout with, among other things, sliders and Select (dropdown). Some Select are Single and others are Multi.
I can easily set the values in both Single and Multi select, in connection with building the page, but I would like to be able to change the values when I select an object from another Select (single).

 

I can change values with following code but exception for Multi Select.
Unfortunately, it only works the first time. If I select something in the dropdown or change slider and run the code again, it doesn't change.

 

    self:updateView("s1","value","25");

    self:updateView("s2","value","30");

    self:updateView("m1","selectedItem","1");

    self:updateView("m2","selectedItem","7");                        -- dosn't work

 

 

I have attached a small QuickApp to show what I mean, but the following is a part of the layout in $jason from getView

 

        {
          "visible": true,
          "components": [
            {
              "visible": true,
              "components": [
                {
                  "value": "0",
                  "min": "10",
                  "style": { "color": null, "weight": "3" },
                  "classes": [],
                  "eventBinding": { "onChanged": null },
                  "step": "1",
                  "max": "50",
                  "visible": true,
                  "text": null,
                  "name": "s1",
                  "unit": null,
                  "type": "slider"
                }
              ],
              "name": "missing_name_1108",
              "style": { "weight": "1.2" },
              "type": "horizontal"
            },
            {
              "style": { "weight": "0.5" },
              "name": "missing_name_1905",
              "type": "space"
            }
          ],
          "name": "missing_name_1941",
          "style": { "weight": "1.2" },
          "type": "vertical"
        },
        {
          "visible": true,
          "components": [
            {
              "visible": true,
              "components": [
                {

                  "value": "0",

                  "min": "1",
                  "style": { "color": null, "weight": "3" },
                  "classes": [],
                  "eventBinding": { "onChanged": null },
                  "step": "1",
                  "max": "100",
                  "visible": true,
                  "text": null,
                  "name": "s2",
                  "unit": null,
                  "type": "slider"
                },
              ],
              "name": "missing_name_1109",
              "style": { "weight": "1.2" },
              "type": "horizontal"
            },
          ],
          "name": "missing_name_1942",
          "style": { "weight": "1.2" },
          "type": "vertical"
        },
        {
          "visible": true,
          "components": [
            {
              "visible": true,
              "components": [
                {
                  "visible": true,
                  "text": "Fruits",
                  "name": "l6",
                  "style": { "textAlign": "center", "weight": "1.2" },
                  "type": "label"
                },
                {
                  "style": { "weight": "3" },
                  "options": [
                    { "text": "apple", "value": "1", "type": "option" },
                    { "text": "banana", "value": "2", "type": "option" },
                    { "text": "orange", "value": "3", "type": "option" }
                  ],
                  "eventBinding": { "onToggled": null },
                  "selectionType": "single",
                  "visible": true,
                  "text": "Choose one fruit:",
                  "name": "m1",
                  "values": [ "2" ],
                  "type": "select"
                }
              ],
              "name": "missing_name_1110",
              "style": { "weight": "1.2" },
              "type": "horizontal"
            },
          ],
          "name": "missing_name_1943",
          "style": { "weight": "1.2" },
          "type": "vertical"
        },
        {
          "visible": true,
          "components": [
            {
              "visible": true,
              "components": [
                {
                  "style": { "weight": "3" },
                  "options": [
                    { "text": "Tesla", "value": "1", "type": "option" },
                    { "text": "BMW", "value": "2", "type": "option" },
                    { "text": "Ferrari", "value": "3", "type": "option" },
                    { "text": "MB", "value": "4", "type": "option" },
                    { "text": "Aston Martin", "value": "5", "type": "option" },
                    { "text": "Volvo", "value": "6", "type": "option" },
                    { "text": "Fiat", "value": "7", "type": "option" },
                    { "text": "Ford", "value": "8", "type": "option" },
                    { "text": "VW", "value": "9", "type": "option" }
                  ],
                  "eventBinding": { "onToggled": null },
                  "selectionType": "multi",
                  "visible": true,
                  "text": "Choose some cars:",
                  "name": "m2",
                  "values": [ "2", "8" ],
                  "type": "select"
                },
              ],
              "name": "missing_name_1111",
              "style": { "weight": "1.2" },
              "type": "horizontal"
            },
            {
              "style": { "weight": "0.5" },
              "name": "missing_name_1909",
              "type": "space"
            }
          ],
          "name": "missing_name_1945",
          "style": { "weight": "1.2" },
          "type": "vertical"
        },
 

Please login or register to see this attachment.

[jgab 2,642]

I guess Multi Select is not officially supported so you can't use self:updateView with it....?

[[email protected] 8]

I think you are right.
Trying to get hold of their support. Maybe there is an undocumented way

[rolcsi11 2]

Hi,

 

Try this.

self:updateView("m2","selectedItems",{"7"});

you can add more selected items

 

[KlausKu 1]

Yes, this works for me:

 

e.g. :

self:updateView("m2","selectedItems",{"7","10","253"});

 

with this i can clear all selected items:

 

self:updateView("m2","selectedItems",{""});

 

Thanks for the Tip!