Home/ Questions/Q 5991671
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-22T23:25:15+00:00

is there anyone who have experienced problems using the latests jQuery version with one

  • 0

is there anyone who have experienced problems using the latests jQuery version with one of the last jqGrid releases?

I am in process to upgrade jQuery to 1.6.1 and I was trying to find infos about jqGrid but it seems that they are not yet supporting it.

UPDATE:

I did some tests and it seems that there are problems:
enter image description here

This is the script I’ve used:

var MyGrid = jQuery("#GroupsGrid");
MyGrid.jqGrid({
    url: '/Home/FetchData',
    postData: { Query: 'aaa' },
    datatype: 'json',
    mtype: 'POST',
    colNames: ['Nome'],
    colModel: [
           { name: 'Name', index: 'Name', sortable: false, width: 730 }
          ],
    pager: '#GroupsPager',
    rowList: [15, 30, 50],
    rowNum: 15,
    width: 794,
    height: 350,
    rownumbers: true
});
MyGrid.navGrid('#GroupsPager', { edit: false, add: false, del: true, search: false }, {}, {}, {});

UPDATE:

If I change the pager this way 

MyGrid.jqGrid('navGrid', '#GroupsPager', { edit: false, add: false, del: true, search: false }, {}, {}, {});

I get this error: uncaught exception: jqGrid - No such method: navGrid

This is the JSON returned:

{"total":1,"page":1,"records":3,"rows":[{"id":"1","cell":["Alberto"]},{"id":"2","cell":["Paolo"]},{"id":"3","cell":["Alessandro"]}]}

Since I am using ASP.NET MVC2 I include my js/css files this way:

Site.Master

<head runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <link href="<%= Url.Content("~/Content/Site.css")%>" rel="stylesheet" type="text/css" />
    <link href="<%=Url.Content("~/Content/themes/redmond/jquery-ui-1.8.13.custom.css")%>" rel="stylesheet" type="text/css" />
    <script src="<%=Url.Content("~/Scripts/jquery-1.6.1.min.js")%>" type="text/javascript"></script>
    <script src="<%=Url.Content("~/Scripts/ui/jquery-ui-1.8.13.custom.min.js")%>" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="Head" runat="server"></asp:ContentPlaceHolder>
</head>

As you can see I’ve used a new placeholder so I can include my page-scripts in the head:

Home/Index.aspx

<asp:Content ID="Content3" ContentPlaceHolderID="Head" runat="server">
    <link href="<%=Url.Content("~/Content/jqGrid/ui.jqgrid.css")%>" rel="stylesheet" type="text/css" />   
    <script src="<%=Url.Content("~/Scripts/jqGrid/i18n/grid.locale-it.js")%>" type="text/javascript"></script>
    <script src="<%=Url.Content("~/Scripts/jqGrid/jquery.jqGrid.min.js")%>" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            var MyGrid = jQuery("#GroupsGrid");
            MyGrid.jqGrid({
                url: '/Home/FetchData',
                postData: { Query: 'aaa' },
                datatype: 'json',
                mtype: 'POST',
                colNames: ['Nome'],
                colModel: [
                       { name: 'Name', index: 'Name', sortable: false, width: 730 }
                      ],
                pager: '#GroupsPager',
                rowList: [15, 30, 50],
                rowNum: 15,
                width: 794,
                height: 350,
                rownumbers: true
            });
            MyGrid.jqGrid('navGrid', '#GroupsPager', { edit: false, add: false, del: true, search: false }, {}, {}, {});
    });
    </script>    
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div>
    <table id="GroupsGrid"></table>
    <div id="GroupsPager"></div>    
</div>
</asp:Content>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Sorry, but I could not reproduce your problem. See the demo. I use HTTP “GET” instead of “POST” because I use no active server components. Could you verify the demo in your environments?

    • 0