Rank 2
User Story (see attached image)
A user clicks the upper grid which is a list of books. When they select a book from the upper grid, a lower grid will appear which will allow them to select which campuses will receive this book.
Actions:
A user will enter a quantity (radNumericTextbox) in a textbox and then hit the tab or enter key and will be moved to the next textbox. On the client side OnBlur event, a webmethod is called to save the value the user just entered. At this time a couple of things will happen. I am using the jquery blockUI tool to block the UI incase the network is slow, once the jquery ajax call is “complete” the blockUI is dismissed. The upper grid will add a check mark to indicate the book is part of this order now and the lower grid will now display a DELETE icon. The focus is moved to the next textbox waiting for input from the user...
Notes:
I am looking for an example that is similar to this. My grid is NOT in edit mode and our product manager does not want the user to have to hit EDIT or SAVE icons… They are also interested in perhaps having the user enter a ZERO to actually perform a delete, which would allow us to remove the delete icon.
All in all, you enter a value, it saves and give you a visual indicator that it saved. Replacing a number in a textbox with a Zero value will delete an item that was already on the order…
Does anyone know of any radgrid examples similar to this?
4 Answers, 1 is accepted
Rank 2
Rank 2
Could you please elaborate more on how are you selecting/deselecting the items? Is the deselection being done using JavaScript logic? If you could provide us with code samples we should be able to give you a more precise answer.
Regards,
Angel Petrov
Telerik
Rank 2
Thanks for your response, it is much appreciated.