jqgrid asp.net mvc 3 clicking edit on row does not postback?
===

I downloaded this jqgrid sample from: http://tpeczek.codeplex.com/releases/view/61796

I updated the 'basics' grid and a editbutton shows up on each row. I would like to go to another Editpage when clicking this and passing in the productID. However there is no postback? Also how can I make the productID display the right value because now it shows the productname (ev is shifted to the left)

grid

 

    <script type="text/javascript">
            $(document).ready(function () {
                $('#jqgProducts').jqGrid({
                    //url from wich data should be requested
                    url: '@Url.Action("Products")',
                    //type of data
                    datatype: 'json',
                    //url access method type
                    mtype: 'POST',
                    //columns names
                    colNames: ['Actions', 'ProductID', 'ProductName', 'SupplierID', 'CategoryID', 'QuantityPerUnit', 'UnitPrice', 'UnitsInStock'],
                    //columns model
                    colModel: [
                         { name: 'act', index: 'act', width: 55, align: 'center', sortable: false, formatter: 'actions' },
                         { name: 'ProductID', index: 'ProductID', align: 'left' },
                                { name: 'ProductName', index: 'ProductName', align: 'left' },
                                { name: 'SupplierID', index: 'SupplierID', align: 'left' },
                                { name: 'CategoryID', index: 'CategoryID', align: 'left' },
                                { name: 'QuantityPerUnit', index: 'QuantityPerUnit', align: 'left' },
                                { name: 'UnitPrice', index: 'UnitPrice', align: 'left' },
                                { name: 'UnitsInStock', index: 'UnitsInStock', align: 'left' }
                              ],
                    //pager for grid
                    pager: $('#jqgpProducts'),
                    //number of rows per page
                    rowNum: 10,
                    //initial sorting column
                    sortname: 'ProductID',
                    //initial sorting direction
                    sortorder: 'asc',
                    //we want to display total records count
                    viewrecords: true,
                    //grid height
                    height: '100%',
                    editurl: '/Edit'
                });
    
                $('#jqgProducts').navGrid('#pagerComponents', { edit: false }).
             navButtonAdd('#pagerComponents', {
                 caption: "fdsfsdf",
                 title: "Edit Component",
                 buttonicon: "ui-icon-pencil",
                 onClickButton: function () {
                     var id = jQuery("#listComponents").getGridParam('selrow');
                     if (id) {
                         var data = jQuery("#listComponents").getRowData(id);
                         window.location = '/Edit/' + data.COMPONENTID;
                     }
                     else {
                         alert("Please select a row to edit.");
                     }
                 }
             });
    
    
    
    
    
            });
    
        
        </script>