UI PATH APPS - How to modify or Update Grid View?

Help Apps
,
1

Hi Community,

I have created an app in UI Path Apps Cloud and need some assistance. Here’s what I am trying to achieve:

  1. I’m getting a DataTable as an output variable from my UI Path arguments. This DataTable contains the following data:
id name age Status
1 Alice 30 Pending
2 Bob 25 Pending
3 Charlie 35 Pending
4 Diana 40 Pending
5 Eve 29 Pending
  1. I want to display this data in a Grid view within a UI Path Apps control.
  2. In the “Status” column, I want to add a dropdown list with the options: Pending and Completed.
  3. When I update a row’s status using the dropdown, I want the change to reflect immediately in the app preview.

However, as shown in the attached image, I’m unable to update the dropdown list. Could you please suggest any Expression Editor rules or other methods to make this work?

A table displays a list of items with a status column, where one item is marked "Completed" and the others are marked "Pending." (Captioned by AI)
A table displays a list of items with a status column, where one item is marked "Completed" and the others are marked "Pending." (Captioned by AI)766×458 12.1 KB

2

@sayali.p

create a column with dropdown values you need

The image shows a UI design interface for editing a data grid column with settings such as column name, source, edit mode view, and list source. (Captioned by AI)
The image shows a UI design interface for editing a data grid column with settings such as column name, source, edit mode view, and list source. (Captioned by AI)1606×547 26.8 KB

now set a even rule for row modified

The image shows an interface for editing grid events with options to create rules for different row actions in a form builder, and a highlighted option to edit a rule. (Captioned by AI)
The image shows an interface for editing grid events with options to create rules for different row actions in a form builder, and a highlighted option to edit a rule. (Captioned by AI)387×693 25.3 KB

Now set the rue as below

The image shows a "Set Value" action in Power Automate, where the variable "table" is set to the result of the "UpdateRowAt" function, using parameters from "MainPage.EditGrid". (Captioned by AI)

table is the pp variable i created you can use your own variables

expression
left side only table or the variable you have

right side - table.UpdateRowAt(MainPage.EditGrid.RowIndex,MainPage.EditGrid.SelectedItem)

Result

initila vale at bottom as 1 changing to B

The image displays a data table interface with column headings, a dropdown list with options "A" and "B" being interacted with, and options to edit or delete rows. (Captioned by AI)
The image displays a data table interface with column headings, a dropdown list with options "A" and "B" being interacted with, and options to edit or delete rows. (Captioned by AI)1910×510 12.7 KB

changed value

The image displays a table with two rows and two columns, containing values "B" and "2". (Captioned by AI)
The image displays a table with two rows and two columns, containing values "B" and "2". (Captioned by AI)1918×510 9.45 KB

once blue tick is clicked the changes would reflect

Hope this is clear

cheers

3

Thanks a lot…It’s working

1 Like
4

This topic was automatically closed 3 days after the last reply. New replies are no longer allowed.