Look-up Tables: Table edit page
20 July 2008Now that we have the HTML page to list out the look-up tables, we can begin work on a similar page to edit the details of a single look-up table. In all there will be four separate HTML pages in our maintenance subsystem:
- Look-up table list
- Look-up table edit
- Look-up table entry list
- Look-up table entry edit
From the look-up table list, the user can select options to edit the table definition or view the contents of the table (entries). From the list of entries, the user can then navigate to the last page on our list, where individual entries can be edited. Both the table list and the entry list pages will also have additional selections from which the user can elect to create a new table/entry, which will be accomplished via the same edit pages. The table list page and the entry list page will be similar in function, as will be the case with the table edit page and the entry edit page.
To start out on the table definition edit page, I have created a mock-up of the page here. This will basically be the layout of the page, but there is much work yet to be done on creating the Javascript for a number of processes, including:
- Retrieve the record to be edited via Ajax
- Add and remove property data entry lines
- Validate the user input
- Save the data via Ajax
- Return to the list page
- Handle the Cancel button
The HTML is pretty much complete with the sample, so now it’s time to get to work on some Javascript …
Sorry, the comment form is closed at this time.
