How to display form details when selecting a grid value?

Hello all,
I am hoping someone here will be able to help me convert two examples to using SqlDataSource.  These are the two examples:

http://examples.ext.net/#/GridPanel/Data_with_Details/Form_Details/
http://examples.ext.net/#/GridPanel/Miscellaneous/Details_Window_Remote/

In the first example, I am able to display the grid values from a SqlDataSource but when I select a grid row, I am unable to display its details.  If someone can show me how to modify the code at the top to work with a SqlDataSource, I would be very grateful.  Further, if it would be possible to add a New, Save, and delete button to that first example, that is really what I am trying to get.  The full code is at the example site, but I believe the area that needs to be updated is:

and

                                           
                                               
                                                   
                                                       
                                                       
                                                            <%-- or can use params[2].id as value --%>
                                                           
                                                       
                                                   
                                               
                                           
                                       

Thank you in advance for any help.
Jay