Javascript jqGrid铁路超高显示数据

Javascript jqGrid铁路超高显示数据,javascript,jquery,jqgrid,Javascript,Jquery,Jqgrid,我正在使用jqGrid,但无法加载数据。这是我的密码: var数据={ “行”:[ { “订单ID”:“10266”, “起始日期”:“1996-07-26”, “CustomerID”:“WARTH”, “船名”:“瓦蒂安·赫尔库”, “ToDate”:“1996-07-29” }, { “订单ID”:“10267”, “起始日期”:“1996-07-29”, “CustomerID”:“FRANK”, “船名”:“弗兰肯沃桑”, “ToDate”:“1996-08-02” }, //还有很多

我正在使用jqGrid,但无法加载数据。这是我的密码:

var数据={
“行”:[
{
“订单ID”:“10266”,
“起始日期”:“1996-07-26”,
“CustomerID”:“WARTH”,
“船名”:“瓦蒂安·赫尔库”,
“ToDate”:“1996-07-29”
}, {
“订单ID”:“10267”,
“起始日期”:“1996-07-29”,
“CustomerID”:“FRANK”,
“船名”:“弗兰肯沃桑”,
“ToDate”:“1996-08-02”
},
//还有很多东西。。。
]
}
$(文档).ready(函数(){
$(“#jqGrid”).jqGrid({
url:“index.jsp”,
数据:数据,
数据类型:“json”,
styleUI:“引导程序”,
colModel:[{
标签:“订单ID”,
名称:'OrderID',
关键:没错,
宽度:75,
隐藏:真的
}, {
标签:'从日期',
名称:“FromDate”,
宽度:150,
是的,
编辑类型:“文本”,
id:“ui日期选择器div”,
编辑选项:{
dataInit:函数(元素){
$(元素).日期选择器({
自动关闭:是的,
格式:“yyyy-mm-dd”,
方向:“自动底部”
});
},
},
}, {
标签:“迄今为止”,
名称:“ToDate”,
宽度:150,
是的,
编辑类型:“文本”,
编辑选项:{
dataInit:函数(元素){
$(元素).日期选择器({
自动关闭:是的,
格式:“yyyy-mm-dd”,
方向:“自动底部”
});
},
},
}, {
标签:“客户ID”,
名称:“CustomerID”,
宽度:150
}, {
标签:“船名”,
名称:'船名',
宽度:200
}, {
标签:“行数据”,
名称:“行数据”,
对齐:'居中',
格式化程序:函数(){
返回“”;
宽度=15;
}
}, ],
有一次:是的,
OnSetrow:editRow,
viewrecords:是的,
editurl:“JqGridServlet”,
宽度:780,
身高:200,
rowNum:20,
行列表:[20,30,50],
行数:对,
行宽:25,
多选:对,
寻呼机:“jqGridPager”,
loadComplete:function(){
变量$this=$(this),
ids=$this.jqGrid('getDataIDs'),
我
对于(i=0;i

当我把数据放在一个外部文件中时,它可以工作,但当我把它放在本地时,就像上面所说的,它不能工作。任何帮助都将不胜感激

在本地加载数据时,需要删除
url
属性。您还需要将
dataType
设置为
local
,并将
data.rows
数组直接提供给
data
属性。试试这个:

$("#jqGrid").jqGrid({
    data: data.rows,
    datatype: 'local',
    // the rest of your code...

使用
loadonce:true
选项。最好从JSON数据中删除
{“rows”:[…]}
部分,只使用
[…]