fv!selectedRows in a gridLayout

RE: fv!selectedRows in a gridLayout

Peter Lewis — Tue, 07 Jul 2020 13:01:52 GMT

Honestly it gets confusing for end users anyway if you are selecting rows on multiple pages - you might want to consider other ways about designing this that could work better. For instance, what if you had "ADD" and "REMOVE" buttons on the toolbar? Then, when you select a row, users can click the button to add / remove them to / from the array. Or, what if you had an icon on each row for add? Then you could still add with one click without needing the selection column.

RE: fv!selectedRows in a gridLayout

gdengrar — Tue, 07 Jul 2020 06:53:56 GMT

It doesn't work to me, I mean, when you select all in the first page and you go to the second and click select all again, all data selected in the 1st page desappeared.

I have done 2 an append and an union to have all data but i cant remove selected options. Here's the code.

        selectionSaveInto: {
          a!save(
            target: local!selection,
            value: append(local!selection, save!value)
          ),
                 
          a!save(target: local!selection,
          value: union(local!selection, local!selection)),
          
          
          a!save(
            target: local!selectedPersonas,
            value: if(
              length(
                local!selection
              ) = 0,
              null,
              index(
                local!items,
                local!selection,
                {}
              )
            )
          )
        },

RE: fv!selectedRows in a gridLayout

Peter Lewis — Mon, 06 Jul 2020 13:10:58 GMT

I got it to work by adding a null check on saving into selectedPersonas:

selectionSaveInto: {
  a!save(
    target: local!selected, 
    value: a!flatten(save!value)
  ),
  a!save(
    local!selectedPersonas,
    if(
      or(
        isnull(local!selected),
        length(local!selected) < 1
      ),
      {},
      index(
        local!datasubset.data,
        local!selected,
        {}
      )
    )
  )
},

RE: fv!selectedRows in a gridLayout

gdengrar — Fri, 03 Jul 2020 08:49:45 GMT

It works if check individuals checkboxes, but if I press the "select all" checkbox it overwrites all I have selected before

RE: fv!selectedRows in a gridLayout

Peter Lewis — Thu, 02 Jul 2020 12:23:05 GMT

The best way to manage that is to use an identifier from your data as the grid row identifier. Currently, you're using the index of the a!forEach() function, which will always give you 1-5. However, suppose you had another field in your items variable for id. Then, in your grid row layout would be something like this:

rows: a!forEach(
  items: local!datasubset.data,
   expression: a!gridRowLayout(
      id: fv!item.id,
       contents: {
       ...

RE: fv!rowselected in a gridLayout

gdengrar — Thu, 02 Jul 2020 11:06:08 GMT

That works!! Thank you!! But when I go to the next page, the selection box doesnt come empty, so I can't choose that values. The problem now is that i cant refresh selection vales, they always be between 1-5. How can I do that?

RE: fv!rowselected in a gridLayout

Peter Lewis — Wed, 01 Jul 2020 15:38:35 GMT

I think the best way to achieve this is to use the value you have saved into your local variable to directly index into your source data. For example, you should be able to do something like this:

selectionSaveInto: {
  a!save(
    target: local!selected, 
    value: a!flatten(save!value)
  ),
  a!save(
    local!selectedPersonas, 
    index(
      local!datasubset.data,
      local!selected,
      {}
    )
  )
},