This question is locked. New answers and comments are not allowed.
Frank Michael
Top achievements
Rank 1
Rank 1
Frank Michael
asked on 05 May 2010, 12:46 PM
I am working my way into Telerik MVC Extensions. I was successful to display a Grid with Ajax binding, Edit in a row (including DatePicker), delete in a row, Add Toolbar Action Insert and a Custom Action. I have some issues here and there, but I want to discuss some design alternatives now to see how the technology supports it.
So I have a list of Models (Sprint in this instance). The model has a Title, a Date and a Description. The Description is not contained in the Grid.
So doing simply Grid editig is not enough. I need a way to edit the Description as well.
Today with Html I have a list with links to Edit Detail and Display Detail, where a server roundtrip is done and a Detail View or Detail Edit View is returned.
Now with Ajax MVC I can think of several approaches.
The first approach is to design it quite similar as today. Then how would I navigate to the Detailed Edit View? The Edit Command would not do, because it is In-Grid editing. The Select Button might do to navigate to the Detailed Display View, then I would have to press an Edit Button. I am struggling with the Select Button, but probably I can resolve it. But then I have two buttons to press to edit the detail: 1) Select 2) Edit. That is more than today.
A second Alternative is to merge the Views into List (top) - Detail (bottom). Whenever I select a row without a button (Client row Selection) I would rebind the bottom Detail. I would press "Edit" in the Detail to Edit the description and also Title. When I Save, the Title in the List needs to be rebound as well (how would I do this?).
Here I also have two clicks, one for selecting the row and one for Editing the detail. But probably it is better psychologically than the first approach, because there is not View Change. It might be a little bit challenging to implement
1) Use Java Script to rebind the Detail
2) Use Java Script to rebind the List after Detail Edit Save (e.g. Title changed)
3) Manage Buttons to Edit and Save/Cancel in the Detail part.
I must add I am new to Ajax, Java Script and jQuery and I hope I do not have to learn too much of it (That's why I am using Telerik).
A disadvantage is, that - as I read in other threads - it is not possible to combine a Client Selectable Grid with Grid Row Commands (like Row Edit and Row Delete), because whenever a Row is selected - even in the Command Column - the Selection Functionality is executed, not the Button. That is a disadvantage, if that is true. How would I still be able to use Table Editing?
If not I might turn the Table editing down arguing, that it is as easy to edit in the detail part below. But it is a pity. By the way is there an easy way to make all rows of a table editable at once?
Furthermore I would have to turn down the Table row delete in this case, I might want to do the delete differently. Sometimes it makes more sense to delete many rows at once. So there could be a Toolbar Custom Command "Delete Rows" deleting the rows, that have been checkmarked. However I do not know if the Checkmark work together with selectable Grid row selection.
What do you think, which Alternative is the way that promises better results?
So I have a list of Models (Sprint in this instance). The model has a Title, a Date and a Description. The Description is not contained in the Grid.
So doing simply Grid editig is not enough. I need a way to edit the Description as well.
Today with Html I have a list with links to Edit Detail and Display Detail, where a server roundtrip is done and a Detail View or Detail Edit View is returned.
Now with Ajax MVC I can think of several approaches.
The first approach is to design it quite similar as today. Then how would I navigate to the Detailed Edit View? The Edit Command would not do, because it is In-Grid editing. The Select Button might do to navigate to the Detailed Display View, then I would have to press an Edit Button. I am struggling with the Select Button, but probably I can resolve it. But then I have two buttons to press to edit the detail: 1) Select 2) Edit. That is more than today.
A second Alternative is to merge the Views into List (top) - Detail (bottom). Whenever I select a row without a button (Client row Selection) I would rebind the bottom Detail. I would press "Edit" in the Detail to Edit the description and also Title. When I Save, the Title in the List needs to be rebound as well (how would I do this?).
Here I also have two clicks, one for selecting the row and one for Editing the detail. But probably it is better psychologically than the first approach, because there is not View Change. It might be a little bit challenging to implement
1) Use Java Script to rebind the Detail
2) Use Java Script to rebind the List after Detail Edit Save (e.g. Title changed)
3) Manage Buttons to Edit and Save/Cancel in the Detail part.
I must add I am new to Ajax, Java Script and jQuery and I hope I do not have to learn too much of it (That's why I am using Telerik).
A disadvantage is, that - as I read in other threads - it is not possible to combine a Client Selectable Grid with Grid Row Commands (like Row Edit and Row Delete), because whenever a Row is selected - even in the Command Column - the Selection Functionality is executed, not the Button. That is a disadvantage, if that is true. How would I still be able to use Table Editing?
If not I might turn the Table editing down arguing, that it is as easy to edit in the detail part below. But it is a pity. By the way is there an easy way to make all rows of a table editable at once?
Furthermore I would have to turn down the Table row delete in this case, I might want to do the delete differently. Sometimes it makes more sense to delete many rows at once. So there could be a Toolbar Custom Command "Delete Rows" deleting the rows, that have been checkmarked. However I do not know if the Checkmark work together with selectable Grid row selection.
What do you think, which Alternative is the way that promises better results?