grid widget for speed data entry
The existing solution was built in 2009 using .Net 3.5 web forms framework (List View), ASP.Net Ajax (Accordion) and JQuery (validation).
The web page accomplishes the following key functional requirements –
a. Ability to group products – The groups are dynamically extracted from the same datasource that is providing the product list. Using ASP.Net Ajax we were able to provide the expand / collapse visual effect.
b. Ability to enter order quantities very quickly - a lot of stores place orders at the last minute (5-10 minutes before order deadline) for valid reasons. The web page readily provides a text box for quick entry. On a desktop, the user can traverse the rows within the group using the tab key. The web page typically contains 150 – 200 products for entry.
Having to click on Edit/Update/Cancel dramatically increases the number of clicks / touch / swipe. Besides, it creates a real estate issue on smaller form factors.
c. Real time validation – using JQuery we were able to validate the row as and when the quantity was entered. Any error would show below the row in question. The error would continue to show until the quantity was revised. The error however, will not stop the user from entering quantities on other rows. This approach lets the user review any errors in the end.