Bro, Action Column won't allow you to edit. Outsystems don't generate an input widget for Action Column. 

If you need an edittable action column, let do some customization by Javascript on the Text Column. But the behavior seem to be weird if we can edit text in Action Column, because when we click the text, it will call the action.

Hi @Kiet Phan 

Users will not edit existing values. they will only add new data when creating a new row. At that time, I need to add a value. 

Hi @Sathish Kumar R 

1. Add the Data Grid to the Page

• Drag the Data Grid widget onto the screen and bind it to a list of records (your data source).

2. Define the Action Column

• In the Data Grid, you can add an "Action" column to define what happens when the user interacts with a row (e.g., click a button to edit, delete, or trigger custom behavior).

• Go to the Columns tab of the Data Grid and add a new column.

• In the "Type" property of the new column, choose "Custom" (this allows you to insert buttons, links, or any custom UI element).

3. Add a Button or Link for Edit/Delete Actions

• Inside the "Custom" column template, add a button or link (depending on the action type).
• For example, to edit or delete a row, you might use buttons like "Edit" or "Delete."
• Each button should be bound to an action (or client-side event) for that row. You can pass the current record ID to the action to ensure you edit/delete the correct row.

4. Create the Actions

• Edit Action: Create a screen action (EditAction) that will trigger when the Edit button is clicked. In this action, you can fetch the record data, open a modal for editing, or enable inline editing in the row.

Example of Edit Action Logic:

• Fetch the record based on the ID passed in the button.
• Show the fetched record data in a modal (for full edit) or enable inline edit mode in the grid.

outsystemsCopy code// Pseudocode for the EditActionGetRecordById(CurrentRow.Id)OpenModalWithRecordData(Record)

• Delete Action: For delete functionality, create a DeleteAction that deletes the current record and refreshes the grid.

outsystemsCopy code// Pseudocode for DeleteActionDeleteRecord(CurrentRow.Id)RefreshDataGrid()

5. Enable Inline Editing (Optional)

• If you want to allow users to edit the values directly in the row (inline editing), set the Column Type of the editable column to "Editable".
• Add logic in the screen or server action to save changes when the user finishes editing (for example, when they click outside the cell or press Enter).

Steps:

1. Set the column type to Editable.

Hello,

To enable and configure an Action Column for editing in an OutSystems Data Grid, you can follow these steps. The Action Column typically contains buttons like Edit, Delete, or Custom actions that can trigger specific logic when clicked.

Steps to Add and Configure an Edit Action Column in a Data Grid:

1. Add a Data Grid to Your Screen

• First, ensure you have a Data Grid on your screen and bound to the required data source (entity or list).

2. Enable the Action Column

• To create an action column with an Edit button, follow these steps:

a. Select the Data Grid on your screen. b. Go to the Columns property of the Data Grid widget in the Properties panel. c. Click the “+ Add Column” button and select Action Column.

3. Customize the Action Column

• Once you add the action column:

a. Set the Header Title to something like "Actions". b. Under the Actions section, click Add Action. Choose the Edit action or create a custom action if you want.

The Edit button will now appear in the action column for each row of the grid.

4. Implement the Edit Logic

• After adding the edit action, you need to implement the logic that will be triggered when the Edit button is clicked.

a. On Edit Button Click: - When you click on the action button, it can trigger a client action or server action. - For example, in the OnClick event of the button, you can open a Popup, Modal, or Form where the user can edit the selected row’s details.

b. Get the Row Data: - To access the specific row’s data (such as ID, name, or other fields), you can pass the relevant row data as input parameters to the action.

c. Save Changes: - After the user edits the data, you will need to implement the logic to update the record in your database and refresh the Data Grid to reflect the changes.

5. Example Logic for Edit Action

• If you're using a Client Action to open an edit form:
  1. Pass the RowId of the selected row as input to the Client Action.
  2. Use the RowId to fetch the current data for that row.
  3. Show the data in a form (could be a popup).
  4. After editing, use an Update Action to save the changes to the database.

6. Handling Grid Refresh After Edit

• After the edit is completed and the record is updated, ensure the Data Grid is refreshed. You can achieve this by:
  • Refreshing the data source used in the Data Grid.
  • Refreshing the entire Data Grid widget so that the updated data reflects immediately.

Example for Opening a Popup on Edit Button Click:

• In the OnClick event of the Edit button, you can create a Client Action that opens a popup for the selected row:

  Popup_Editor.Show(RowData) // Show popup with the selected row's data

Once the popup is edited and saved, trigger the logic to update the data in the entity or list and refresh the Data Grid.

Hope this helps.

Some of the answers in this post seems to be AI-generated. I have checked them with some AI detectors to confirm and it seems to be the case. (Correct me if I am wrong)

I am not against AI generated answers. But while seeking the answers using AI is a good move to help people from in the forum very quick, it requires one to check the content and make sure it provides the correct solution. 

The answers, although related to data grid, doesn’t answer what the OP is asking.

As members of the forum using AI-generated answers:

1. Please make sure to double check and confirm the generated answer. It may cause confusion and misdirections. Let’s try to understand the questions very well so we will be able to give proper answers.

2. Test what you are suggesting based on the answer that you are giving, especially if it is a complex one. You may give a sample oml that demonstrates the solution. Or some screenshots that explains your solution further visually.

3. Add some links, if applicable, that points to the documentation and further readings or another answer in another post.

Thanks