I have a web form, with two typeaheads
:
- Customer Typeahead
- Item Typeahead
The user can select only 1 Customer and can add multiple Items to the form, via an asp gridview control
and a bootstrap modal
.I load the item typeahead
based on customer information provided by the customer typeahead
. So if the user changes the customer at any point, i must clear the grid, as item details(Price) will change.
My problem:
How do i control this user behavior? How do i communicate to the user that this is how the form behaves, so as to avoid confusion and frustration.
My thoughts:
Solution 1
- Load the form with only the customer
typehead
visible - Once customer is selected, show grid control and lock down customer typeahead
So if the user needs to change the customer, i must either provide a change customer button to clear all data(
grid
and customertypeahead
), OR the user needs to refresh the page completely.
Solution 2
- Allow the user to change customer at any point in page life cycle
- When customer is changed (clear grid details and force the user to enter items again)
I hope i made my problem clear, unambiguous and not opinion based. I can provide screen shots if required.
These are the screen shots:
Thank you