Wiki

Scale Your Enterprise

User Tools

Site Tools

Trace:
versago3:gridview_editinginline

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
versago3:gridview_editinginline [2025/03/21 07:22]
dtucker 		versago3:gridview_editinginline [2025/03/21 10:44] (current)
dtucker
Line 1: Line 1:
 ====== Inline Editing, Adding, and Deleting Records in Grid View ====== ====== Inline Editing, Adding, and Deleting Records in Grid View ======
- 
  
 ===== Overview ===== ===== Overview =====
Line 9: Line 8:
  
 Users can now edit records directly within the grid using an intuitive inline editing interface. Users can now edit records directly within the grid using an intuitive inline editing interface.
 +
 +**Steps to Edit Existing Records Inline**
  
 **Start Editing** **Start Editing**
Line 25: Line 26:
  
  
-Example:+**Example:**
 The screenshot shows a grid with columns such as CustID, Product name, Price, and others. Users can double-click any cell, such as Price, to modify the value and use the Tab key to move to adjacent columns. The screenshot shows a grid with columns such as CustID, Product name, Price, and others. Users can double-click any cell, such as Price, to modify the value and use the Tab key to move to adjacent columns.
  
 +{{ :bw:inlinegridadd.jpg?nolink&800 |}}
  
 <WRAP center round important> <WRAP center round important>
Line 38: Line 40:
  
 Users can now add new records easily within the grid. Users can now add new records easily within the grid.
-Steps to Add Records: + 
-1. Add Button:+**Steps to Add New Records** 
 + 
 +**Add Button** 
    - Click the Add button in the grid header to add a new row. This action automatically puts the grid in add mode.    - Click the Add button in the grid header to add a new row. This action automatically puts the grid in add mode.
-2. Tab from the Last Row:+ 
 +**Tab from the Last Row** 
    - When the last record in the grid is in edit mode, pressing the Tab key from the last cell will automatically add a new row and put the grid in add mode.    - When the last record in the grid is in edit mode, pressing the Tab key from the last cell will automatically add a new row and put the grid in add mode.
-Example:+ 
 +**Example:**
 In the grid view, clicking the Add button will insert a blank row at the bottom, allowing users to input new record details directly. In the grid view, clicking the Add button will insert a blank row at the bottom, allowing users to input new record details directly.
  
 +{{ :bw:inlinegrideditvalue.jpg?nolink&800 |}}
  
-==== Deleting Records ====+{{:app/image44.jpeg?600}} 
 + 
 +===== Deleting Records =====
  
 Users can now delete one or more records directly from the grid. Users can now delete one or more records directly from the grid.
-Steps to Delete Records: + 
-1. Select Rows:   +**Steps to Delete Records** 
 + 
 +**Select Rows** 
 + 
    - Click to select a single row.    - Click to select a single row.
    - Individually select multiple rows for a multi delete operations.    - Individually select multiple rows for a multi delete operations.
    - The use of Ctrl + Click (Windows) or Cmd + Click (Mac) to select multiple rows will not work.    - The use of Ctrl + Click (Windows) or Cmd + Click (Mac) to select multiple rows will not work.
    - The use of Shift + Click to select a range of rows will not work.    - The use of Shift + Click to select a range of rows will not work.
-2. Delete Records:+ 
 +**Delete Records** 
    - Click the Delete icon located in the grid header (visible in the screenshot).    - Click the Delete icon located in the grid header (visible in the screenshot).
        
-Important Note: Deleted records are removed from the grid immediately, but changes are not persisted until the form is saved.+<WRAP center round important> 
 +Deleted records are removed from the grid immediately, but changes are not persisted until the form is saved. 
 +</WRAP> 
 + 
 +{{:app/image44.jpeg?600}}
  
-==== Sorting Columns ====+===== Sorting Columns =====
  
 Users can now sort the grid columns for easier data organization. Users can now sort the grid columns for easier data organization.
-Steps to Sort Columns: + 
-1. Sort Ascending or Descending:   +**Steps to Sort Columns** 
 + 
 +**Sort Ascending or Descending** 
    - Click on a column header to sort the data in ascending order.    - Click on a column header to sort the data in ascending order.
    - Click he same column header again to sort the data in descending order.    - Click he same column header again to sort the data in descending order.
        
-==== Save Changes ====+{{:app/image44.jpeg?600}}
  
 +===== Save Changes =====
 +
 +<WRAP center round important>
 All edits, additions, and deletions made within the grid are temporary until the form is saved. Ensure you click the Save button to persist changes to the database. All edits, additions, and deletions made within the grid are temporary until the form is saved. Ensure you click the Save button to persist changes to the database.
-Best Practices +</WRAP>
-- Double-check changes before saving to avoid accidental edits or deletions. +
-- When adding or editing, click Update to commit your changes before saving the form. +
-- Frequently save your progress when making extensive updates. +
-Troubleshooting +
-- Editable fields not responding? +
-  - Ensure you have double-clicked the cell to activate edit mode. +
-- Tab key not advancing rows? +
-  - Verify that you are on the last cell of the row before pressing Tab. +
-- Records not saving? +
-  - Confirm you have clicked the Save button after making changes.+
  
 +{{:app/image44.jpeg?600}}
  
 +===== Best Practices =====
 +
 +   - Double-check changes before saving to avoid accidental edits or deletions.
 +   - When adding or editing, click Update to commit your changes before saving the form.
 +   - Frequently save your progress when making extensive updates.
 +
 +{{:app/image44.jpeg?600}}
 +
 +===== Troubleshooting =====
 +
 +**Editable fields not responding?**
 +  * Ensure you have double-clicked the cell to activate edit mode.
 +
 +**Tab key not advancing rows?**
 +  * Verify that you are on the last cell of the row before pressing Tab.
 +
 +**Records not saving?**
 +  * Confirm you have clicked the Save button after making changes.
 +
 +{{:app/image44.jpeg?600}}
  
  
versago3/gridview_editinginline.1742556144.txt.gz · Last modified: 2025/03/21 07:22 by dtucker

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Noncommercial 4.0 International
CC Attribution-Noncommercial 4.0 International Valid HTML5 Valid CSS Driven by DokuWiki