have a DropDownList, which triggers a call to the backend and returns data. That all is working good, the data displays in the grid fine and the paging works fine, just no edit/delete icons so i can continue with that functionality. been looking at it for hours, went back and reread the 3.4 documentation and don't see where i'm going wrong. any help would be appreciated.

Masterpage:

<

link rel="Stylesheet" media="screen" type="text/css" href="../../Content/themes/coffee/grid.css" />

<link rel="Stylesheet" href="../../Content/generic.css" />

<title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>

<script src="<%= Url.Content("~/Scripts/jgrid/jquery.js") %>" type="text/javascript"></script>

<script src="<%= Url.Content("~/Scripts/jgrid/jquery.jqGrid.js") %>"  type="text/javascript"></script>

<script src="<%= Url.Content("~/Scripts/MicrosoftAjax.js") %>" type="text/javascript"></script>

<script src="<%= Url.Content("~/Scripts/MicrosoftMvcAjax.js") %>" type="text/javascript"></script>

Content Page:

$(window).ready(

function() {

$(

"#DropDownList").change(function() {

jQuery(

"#list").jqGrid().setGridParam({ url: 'pageurl?SomeQS=' + $("#DropDownList").attr("value")

}).trigger(

"reloadGrid");

});

});

jQuery(document).ready(

function() {

jQuery(

"#list").jqGrid({

clearGridData:

true,

mtype:

'GET',

datatype:

'json',

colNames: [

'Col1', 'Col2'],

colModel: [

{ name:

'Col1', index: 'col1', width: 250, sortable: false },

{ name:

'Col2', index: 'col2', width: 70, align: 'center', editable: true, edittype: "text", editoptions: { size: 20} }],

pager: jQuery(

'#pager'),

rowNum: 30,

//rowList: [25, 50],

sortname:

'id',

sortorder:

"Asc",

viewrecords:

true,

imgpath:

'/Content/themes/steel/images',

width:

'950',

height:

'100%'});

jQuery(

"#list").jqGrid('navGrid', '#pager', { edit: true, add: false, del: true, search: false });

});