[英]Sorting arrows are not displaying in jqGrid
I am trying to learn jqGrid. 我正在尝试学习jqGrid。 I was using demo available at this link http://www.guriddo.net/demo/guriddojs/ 我正在使用此链接上的演示http://www.guriddo.net/demo/guriddojs/
But I am not able to show sorting arrows in header section. 但是我无法在标题部分显示排序箭头。 Here is the code :- 这是代码:-
<table id="jqGrid"></table>
<div id="jqGridPager"></div>
<script type="text/javascript">
$(document).ready(function () {
$("#jqGrid").jqGrid({
url: 'http://trirand.com/blog/phpjqgrid/examples/jsonp/getjsonp.php?callback=?&qwery=longorders',
mtype: "GET",
datatype: "jsonp",
colModel: [
{ label: 'OrderID', name: 'OrderID', key: true, width: 75, sortable: true},
{ label: 'Customer ID', name: 'CustomerID', width: 150, sortable:true },
{ label: 'Order Date', name: 'OrderDate', width: 150, sortable: true},
{ label: 'Freight', name: 'Freight', width: 150,sortable: true },
{ label:'Ship Name', name: 'ShipName', width: 150,sortable: true }
],
viewrecords: true,
width: 780,
height: 250,
rowNum: 20,
pager: "#jqGridPager"
});
});
Try adding 尝试添加
sortable = true sortable = true
$(document).ready(function () {
$("#jqGrid").jqGrid({
url: 'http://trirand.com/blog/phpjqgrid/examples/jsonp/getjsonp.php?callback=?&qwery=longorders',
mtype: "GET",
datatype: "jsonp",
colModel: [
{ label: 'OrderID', name: 'OrderID', key: true, width: 75, sortable: true},
{ label: 'Customer ID', name: 'CustomerID', width: 150, sortable:true },
{ label: 'Order Date', name: 'OrderDate', width: 150, sortable: true},
{ label: 'Freight', name: 'Freight', width: 150,sortable: true },
{ label:'Ship Name', name: 'ShipName', width: 150,sortable: true }
],
viewrecords: true,
width: 780,
height: 250,
rowNum: 20,
//Add the code here
sortable: true,
pager: "#jqGridPager"
});
});
You can also set default sort order through 您还可以通过以下方式设置默认的排序顺序
sortname: "OrderID" sortname:“订单ID”
sortorder: "asc" //this is default sortorder:“ asc” //这是默认设置
The code will be 该代码将是
$(document).ready(function () {
$("#jqGrid").jqGrid({
url: 'http://trirand.com/blog/phpjqgrid/examples/jsonp/getjsonp.php?callback=?&qwery=longorders',
mtype: "GET",
datatype: "jsonp",
colModel: [
{ label: 'OrderID', name: 'OrderID', key: true, width: 75, sortable: true},
{ label: 'Customer ID', name: 'CustomerID', width: 150, sortable:true },
{ label: 'Order Date', name: 'OrderDate', width: 150, sortable: true},
{ label: 'Freight', name: 'Freight', width: 150,sortable: true },
{ label:'Ship Name', name: 'ShipName', width: 150,sortable: true }
],
viewrecords: true,
width: 780,
height: 250,
rowNum: 20,
//Add the code here
sortable: true,
sortname: "OrderID",
sortorder: "asc",
pager: "#jqGridPager"
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.