Javascript 为什么jqgrid排序不是wokring?

Javascript 为什么jqgrid排序不是wokring?,javascript,jquery,jqgrid,Javascript,Jquery,Jqgrid,这是我的代码,我试图使用data.json中添加的数据填充网格,默认排序应该添加到jqgrid中,但没有发生。我已经在data.json中给出了数据,这些数据将在网格中填充。分页可以工作,但排序不起作用 <!DOCTYPE html> <html lang="en"> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&g

这是我的代码,我试图使用data.json中添加的数据填充网格,默认排序应该添加到jqgrid中,但没有发生。我已经在data.json中给出了数据,这些数据将在网格中填充。分页可以工作,但排序不起作用

<!DOCTYPE html>

<html lang="en">
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

        <script src="js/jqgrid/jquery-1.11.0.min.js" type="text/javascript"></script>
        <script src="js/jqgrid/jquery-ui.min.js" type="text/javascript"></script>
        <script src="js/jqgrid/jquery-ui-1.12.1.min.js" type="text/javascript"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/4.6.0/js/i18n/grid.locale-en.js"></script>
        <script src="js/jqgrid/jqgridscreen-min.js" type="text/javascript"></script>
        <script src="js/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>
        <script src="js/jqgrid/jquery.jqGrid.src.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="css/jqgrid/ui.jqgrid.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="css/jqgrid/ui.multiselect.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="css/jqgrid/custom.css" />

        <meta charset="utf-8" />
        <title>jqGrid Loading Data - JSON</title>
    </head>
    <body>

        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>

        <script type="text/javascript"> 

            $(document).ready(function () {
                $("#jqGrid").jqGrid({
                    url: 'data.json',
                    datatype: "json",
                    colModel: [
                        { label: 'Category Name', name: 'CategoryName', width: 75, sorttype:'string' },
                        { label: 'Product Name', name: 'ProductName', width: 90, sorttype:'string' },
                        { label: 'Country', name: 'Country', width: 100, sorttype:'string'},
                        { label: 'Price', name: 'Price', width: 80, sorttype:'float' },
                        { label: 'Quantity', name: 'Quantity', width: 80, sorttype:'integer' }                   
                    ],
                    loadonce: true,
                    gridview: true,
                    autoencode: true,
                    width: 780,
                    height: 200,
                    rowNum: 15,
                    viewrecords: true,
                    pager: "#jqGridPager",
                    loadComplete: function () {
                        var $self = $(this);
                        if ($self.jqGrid("getGridParam", "datatype") === "json") {
                            setTimeout(function () {
                                $self.trigger("reloadGrid"); // Call to fix client-side sorting
                            }, 50);
                        }
                    }

                });
            });

        </script>
    </body>
</html>

jqGrid加载数据-JSON
$(文档).ready(函数(){
$(“#jqGrid”).jqGrid({
url:'data.json',
数据类型:“json”,
colModel:[
{label:'Category Name',Name:'CategoryName',宽度:75,sorttype:'string'},
{标签:'Product Name',名称:'ProductName',宽度:90,排序类型:'string'},
{标签:'Country',名称:'Country',宽度:100,排序类型:'string'},
{标签:'Price',名称:'Price',宽度:80,排序类型:'float'},
{标签:'Quantity',名称:'Quantity',宽度:80,排序类型:'integer'}
],
有一次:是的,
gridview:没错,
自动编码:正确,
宽度:780,
身高:200,
rowNum:15,
viewrecords:是的,
寻呼机:“jqGridPager”,
loadComplete:函数(){
var$self=$(本);
if($self.jqGrid(“getGridParam”,“datatype”)=“json”){
setTimeout(函数(){
$self.trigger(“reloadGrid”);//用于修复客户端排序的调用
}, 50);
}
}
});
});

错误是什么?为什么不进行排序?

如果使用fork,则可以删除当前的
loadComplete
并添加
forceClientSorting:true
选项。该选项仅与
loadonce:true
组合使用。它允许在从服务器加载后直接在本地对数据进行排序和筛选。请参阅更新部分

您使用(可以使用)哪个版本的jqGrid以及jqGrid的哪个分支(,商业版或旧版jqGrid in顺便说一句,如果您使用免费jqGrid fork,那么您可以删除当前的
loadComplete
并添加
forceClientSorting:true
选项。该选项仅与
loadonce:true
组合使用。它允许在加载后直接在本地对数据进行排序和筛选来自服务器。欢迎查看更新部分!我发布了与答案相同的信息。如果您愿意回答,您将获得您的第一个声誉积分。