Swap two rows in readable grid

RE: Swap two rows in readable grid

Mike Schmitt — Fri, 13 Jun 2025 13:15:13 GMT

[quote userid="245526" url="~/discussions/f/data/31195/swap-two-rows-in-readable-grid/148945"]why using fv!item in the remove function ?[/quote]

i agree, there are several things wrong here - it seems like "fv!row" has been incorrectly swapped out with "fv!item" in one specific instance in the screenshot, but even with all "fv!row" references, i'm not sure this will accomplish what AK is hoping to accomplish, since the save operation is being done on "fv!row" in general, which of course isn't the original array at all but instead only represents a pointer to a particular row in the supplied "data" dataset. So I'm not really sure what the screenshotted code is hoping to accomplish.

RE: Swap two rows in readable grid

EREN_YEAGER — Fri, 13 Jun 2025 10:15:24 GMT

why using fv!item in the remove function ?

RE: Swap two rows in readable grid

ak0642 — Fri, 13 Jun 2025 09:45:21 GMT

Hi, I am trying to implement the same logic with record type as a data for grid. Could you check the below and let me know here where am i making mistake

and this reordering should save in db with different column

RE: Swap two rows in readable grid

EREN_YEAGER — Fri, 19 Jan 2024 17:45:44 GMT

I've just tested it, and it worked exactly as you explained. I wasn't aware that fv!identifier gives the primary key when we are querying only current page's data . Thanks a lot, Harshit Bumb (Appyzie) . I've learned something new.

RE: Swap two rows in readable grid

Harshit Bumb (Appyzie) — Fri, 19 Jan 2024 16:56:48 GMT

[quote userid="245526" url="~/discussions/f/data/31195/swap-two-rows-in-readable-grid/124702"]As far as I understand, fv!identifier seems to align its own sequence (1, 2, 3, 4, ...) in the grid[/quote]

GridField is designed to work in 2 ways.

Get all the data in local variables and just show some of it in the grid. Here the paging happens on the interface level and fv!identifier's output becomes uncertain. (like you have done in the screenshot you attached)
Get only a page's data from the DB and let the grid automatically query the next page, directly from the DB. In this approach, you pass directly the entire data subset in the grid. Once the grid displays data using the data subset, it will give primary keys when fv!identifier is referenced.

So it depends on case to case but because fv!identifier's behavior isn't 100% same every time you pass just the Data and NOT Subset, I prefer passing the entire fv!row in the whereContains.

And anyway, using a read-only grid and rearranging the rows isn't a good option. Because this grid isn't made for that, even if somehow it supports that.

RE: Swap two rows in readable grid

Mike Schmitt — Fri, 19 Jan 2024 14:26:05 GMT

[quote userid="259728" url="~/discussions/f/data/31195/swap-two-rows-in-readable-grid/124694"]If you play with the identifier, you will need to make sure that everything in the DB also gets updated instantly to reflect on the screen[/quote]

i think this is an important factor that needs to be drilled down into WAY more with OP prior to recommending any particular approaches here, since we don't really know what their desired end-effect is for the data in question.

RE: Swap two rows in readable grid

EREN_YEAGER — Fri, 19 Jan 2024 12:10:47 GMT

I was wondering about the role of the primary key in this context. As far as I understand, fv!identifier seems to align its own sequence (1, 2, 3, 4, ...) in the grid. Please correct me if I'm mistaken. I appreciate your clarification on this matter.

RE: Swap two rows in readable grid

EREN_YEAGER — Fri, 19 Jan 2024 11:52:58 GMT

RE: Swap two rows in readable grid

shubhamsingh — Fri, 19 Jan 2024 11:40:12 GMT

I solved the problem by own. This is the logic which I was required.

a!gridColumn(
label: "",
value: a!richTextDisplayField(
value: a!richTextIcon(
icon: "arrow-down",
caption: "Move down",
link: a!dynamicLink(
saveInto: {
a!save(fv!currentPage.data[fv!identifier],fv!currentPage.data[fv!identifier+1]),
a!save(fv!currentPage.data[fv!identifier+1],fv!row),
},

),
showWhen: fv!currentPage.startIndex
)
)
)

RE: Swap two rows in readable grid

Harshit Bumb (Appyzie) — Fri, 19 Jan 2024 11:38:39 GMT

If you play with the identifier, you will need to make sure that everything in the DB also gets updated instantly to reflect on the screen. But this comes with its own challenge. What do you think will happen with the Primary keys? How will you change the order of these rows in the DB keeping the same primary keys?

RE: Swap two rows in readable grid

kraty Maheshwari — Fri, 19 Jan 2024 11:23:35 GMT

HI shubhamsingh

Use the below code in saveinto parameter of your dynamic link for moving up

 a!save(
                              local!data,
                              insert(local!data, fv!item, fv!index - 1)
                            ),
                            a!save(
                              local!data,
                              remove(local!data, fv!index + 1)
                            )

Use the below code in saveinto parameter of your dynamic link for moving down

a!save(
                              local!data,
                              insert(local!data, fv!item, fv!index + 2)
                            ),
                            a!save(
                              local!data,
                              remove(local!data, fv!index)
                            )

RE: Swap two rows in readable grid

EREN_YEAGER — Fri, 19 Jan 2024 11:13:39 GMT

yes it will not start with 1 on second page it will continue assigning unique identifier to each row. So my theory here is - as we don't want the index of the item according to the current page but the index of the item according to the whole data right? so fv!identifer will provide the current index of the item according to the whole data, working in place of wherecontains in grid and this scenarios

RE: Swap two rows in readable grid

Harshit Bumb (Appyzie) — Fri, 19 Jan 2024 10:59:32 GMT

It will break. fv!identifier gives you the primary key. So if you are in the second page, fv!identifier will not start with 1. Hence fv!identifier <> fv!index

RE: Swap two rows in readable grid

EREN_YEAGER — Fri, 19 Jan 2024 10:58:21 GMT

just for learning purpose, is it good to have 3 where contains per row in a grid where we can use fv!identfier? or it will break in any corner cases?

RE: Swap two rows in readable grid

Harshit Bumb (Appyzie) — Fri, 19 Jan 2024 10:55:44 GMT

Have been using it for ages. Did not find any issue :)

RE: Swap two rows in readable grid

EREN_YEAGER — Fri, 19 Jan 2024 10:54:42 GMT

I believe instead of using this

wherecontains(fv!row, ri!data)

we should go with this

fv!identfier

for finding the index of current item

RE: Swap two rows in readable grid

Stefan Helzle — Fri, 19 Jan 2024 10:36:06 GMT

Thanks. Done :-)

RE: Swap two rows in readable grid

Harshit Bumb (Appyzie) — Fri, 19 Jan 2024 10:33:20 GMT

As Appian suggests, now you should replace it with a!update()

RE: Swap two rows in readable grid

Stefan Helzle — Fri, 19 Jan 2024 10:31:46 GMT

Find below my generic expression to swap two items in a list.

if(
  and(
    not(rule!PCO_IsVoid(ri!list)),
    ri!index1 > 0,
    ri!index1 <= count(ri!list),
    ri!index2 > 0,
    ri!index2 <= count(ri!list),
    ri!index1 <> ri!index2
  ),
  updatearray(
    ri!list,
    {ri!index1, ri!index2},
    {ri!list[ri!index2], ri!list[ri!index1]}
  ),
  ri!list
)

RE: Swap two rows in readable grid

Harshit Bumb (Appyzie) — Fri, 19 Jan 2024 10:12:12 GMT

Here is a much more optimized version of what you are trying to do for the editable grid.

a!save(
  ri!data,
  a!update(
    ri!data,
    { fv!index, fv!index + 1 },
    { ri!data[fv!index + 1], fv!item }
  )
)

RE: Swap two rows in readable grid

Harshit Bumb (Appyzie) — Fri, 19 Jan 2024 10:08:59 GMT

You can us these code blocks in your

Down Arrow

a!save(
  ri!data,
  a!update(
    ri!data,
    {
      wherecontains(fv!row, ri!data),
      wherecontains(fv!row, ri!data) + 1
    },
    {
      ri!data[wherecontains(fv!row, ri!data) + 1],
      fv!row
    }
  )
)

Up Arrow

a!save(
  ri!data,
  a!update(
    ri!data,
    {
      wherecontains(fv!row, ri!data),
      wherecontains(fv!row, ri!data) - 1
    },
    {
      ri!data[wherecontains(fv!row, ri!data) - 1],
      fv!row
    }
  )
)

RE: Swap two rows in readable grid

Rithani Vivekananthan — Fri, 19 Jan 2024 10:08:11 GMT

Yes. I have worked on this logic already but for editable grid. I gave it for reference purpose just to move rows up and down.

RE: Swap two rows in readable grid

Harshit Bumb (Appyzie) — Fri, 19 Jan 2024 10:05:06 GMT

The OP must be using a gridField() and not a gridLayout()

[quote userid="267241" url="~/discussions/f/data/31195/swap-two-rows-in-readable-grid"]I have readable grid[/quote]

RE: Swap two rows in readable grid

JayaPrakash Ravipati — Fri, 19 Jan 2024 09:44:07 GMT

Hi ,

use the below code it might help.

What is the use case for this?

a!localVariables(
  local!data:{
    a!map(
      name:"Test",
      city:"ABC"
    ),
    a!map(
      name:"Test1",
      city:"QWE"
    ),
    a!map(
      name:"Test2",
      city:"DFG"
    ),a!map(
      name:"Test3",
      city:"ZXC"
    ),a!map(
      name:"Test4",
      city:"YUI"
    )
  },
  local!temp,
  local!index,
  a!gridField(
    label: "Employee Data",
    data: local!data,
    columns: {
      a!gridColumn(
        label: "Name",
        value: fv!row.name
      ),
      a!gridColumn(
        label: "Name",
        value: fv!row.city
      ),
      a!gridColumn(
        label: "Name",
        value: a!richTextDisplayField(
          value: {
            a!richTextIcon(
              icon:"arrow-up",
              link: a!dynamicLink(
                saveInto: {
                  a!save(local!data, remove(local!data, fv!identifier)),
                  a!save(
                    local!data,
                    insert(local!data, fv!row, fv!identifier - 1)
                  )
                }
              )
            )
          }
        )
      ),
      a!gridColumn(
        label: "Name",
        value: a!richTextDisplayField(
          value: {
            a!richTextIcon(
              icon:"arrow-down",
              link: a!dynamicLink(
                saveInto: {
                  a!save(local!data, remove(local!data, fv!identifier)),
                  a!save(
                    local!data,
                    insert(local!data, fv!row, fv!identifier + 1)
                  )
                }
              )
            )
          }
        )
      )
    }
  )
)

RE: Swap two rows in readable grid

Rithani Vivekananthan — Fri, 19 Jan 2024 09:42:00 GMT

Hello shubhamsingh ,

Below code contains logic to move rows up and down.

{
  a!localVariables(
    local!duplicate,
    local!removed,
    local!change,
    local!data: index(
      a!queryRecordType(
        recordType: 'recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company',
        filters: a!queryFilter(
          field: 'recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{19721518-b5ee-4deb-b4b2-5b0d5603d6ba}isActive',
          operator: "=",
          value: true
        ),
        pagingInfo: a!pagingInfo(startIndex: 1, batchSize: 100)
      ),
      "data",
      null
    ),
    {
      a!gridLayout(
        label: "Editable Grid",
        labelPosition: "ABOVE",
        headerCells: {
          a!gridLayoutHeaderCell(label: "Company Name"),
          a!gridLayoutHeaderCell(label: "Postcode"),
          a!gridLayoutHeaderCell(label: "City"),
          a!gridLayoutHeaderCell(label: "State "),
          a!gridLayoutHeaderCell(label: "Remove"),
          a!gridLayoutHeaderCell(label: "Move Up"),
          a!gridLayoutHeaderCell(label: "Move Down")
        },
        columnConfigs: {},
        rows: a!forEach(
          items: local!data,
          expression: a!gridRowLayout(
            contents: {
              a!textField(
                value: fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{c048e290-9f07-4fe7-a919-71b572004f35}companyName'],
                saveInto: fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{c048e290-9f07-4fe7-a919-71b572004f35}companyName']
              ),
              a!textField(
                value: fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{07050c26-84c9-4749-8aa2-54675c403e0e}companyAddressPostCode'],
                saveInto: fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{07050c26-84c9-4749-8aa2-54675c403e0e}companyAddressPostCode']
              ),
              a!textField(
                value: fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{9070d09a-ffd1-485b-9ac3-159cf5bed7ed}companyAddressCity'],
                saveInto: fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{9070d09a-ffd1-485b-9ac3-159cf5bed7ed}companyAddressCity']
              ),
              a!textField(
                value: fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{80559642-a863-41e2-ad38-129e72546134}companyAddressState'],
                saveInto: fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{80559642-a863-41e2-ad38-129e72546134}companyAddressState']
              ),
              a!richTextDisplayField(
                value: a!richTextIcon(
                  icon: if(
                    fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{19721518-b5ee-4deb-b4b2-5b0d5603d6ba}isActive'],
                    "times",
                    "check"
                  ),
                  caption: "click to add or remove company",
                  link: a!dynamicLink(
                    saveInto: if(
                      fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{19721518-b5ee-4deb-b4b2-5b0d5603d6ba}isActive'],
                      {
                        a!save(
                          fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{19721518-b5ee-4deb-b4b2-5b0d5603d6ba}isActive'],
                          false()
                        )
                      },
                      {
                        a!save(
                          fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{19721518-b5ee-4deb-b4b2-5b0d5603d6ba}isActive'],
                          true()
                        )
                      }
                    )
                  ),
                  color: if(
                    fv!item['recordType!{9e939d67-33c2-43f5-8030-51fe874a4980}PS Company.fields.{19721518-b5ee-4deb-b4b2-5b0d5603d6ba}isActive'],
                    "NEGATIVE",
                    "POSITIVE"
                  )
                )
              ),
              a!richTextDisplayField(
                value: a!richTextIcon(
                  showWhen: not(fv!isFirst),
                  icon: "arrow-up",
                  link: a!dynamicLink(
                    value: fv!item,
                    saveInto: {
                      local!removed,
                      a!save(
                        local!change,
                        index(local!data, fv!index - 1, null)
                      ),
                      a!save(
                        local!data,
                        insert(local!data, fv!item, fv!index - 1)
                      ),
                      a!save(local!data, remove(local!data, fv!index)),
                      a!save(
                        local!data,
                        a!update(local!data, fv!index, local!change)
                      )
                    }
                  )
                )
              ),
              a!richTextDisplayField(
                value: a!richTextIcon(
                  showWhen: not(fv!isLast),
                  icon: "arrow-down",
                  link: a!dynamicLink(
                    value: fv!item,
                    saveInto: {
                      local!removed,
                      a!save(local!data, remove(local!data, fv!index)),
                      a!save(
                        local!data,
                        insert(local!data, local!removed, fv!index + 1)
                      )
                    }
                  )
                )
              ),
              
            }
          )
        )
      ),
      a!linkField(
        links: a!dynamicLink(
          label: "Add New Company",
          saveInto: {
            a!save(
              target: local!data,
              value: { append(local!data, "") }
            )
          }
        )
      )
    }
  )
}