[英]Sorting arrows are not displaying in jqGrid
我正在尝试学习jqGrid。 我正在使用此链接上的演示http://www.guriddo.net/demo/guriddojs/
但是我无法在标题部分显示排序箭头。 这是代码:-
<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"
});
});
尝试添加
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"
});
});
您还可以通过以下方式设置默认的排序顺序
sortname:“订单ID”
sortorder:“ asc” //这是默认设置
该代码将是
$(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.