How do you create a table (grid) to edit or delete items

Just to round things off, a third example that provides for "in place" editing of a Tableviewer!

tvEditableContent.aia (33.3 KB)

NOTES

  • With this example, when you press on an Edit icon (pencil), it makes the three items in that row editable, just like you see with AI2 textboxes. The pencil icon is changed to an "OK" symbol. To make changes, or cancel out, the "OK" symbol must be pressed, to offer the user options of either updating or canceling.
  • This example uses javascript to make the table cells editable (or not), and to return the edited values.
  • The record ID (rowID) is returned in a variable, as in the other examples.
  • More work can be done to rationalise the blocks, I did much of it "longhand" which may make it easier to see what is going on.
  • You can only edit one row at a time, the blocks programming prevents editing multiple rows at once (by accident, not by design !).
BLOCKS

SCREENS