jqGrid无法显示数据
jqGrid cant display data
我正在使用jqGrid,但无法加载数据。这是我的代码:
var data = {
"rows": [
{
"OrderID": "10266",
"FromDate": "1996-07-26",
"CustomerID": "WARTH",
"ShipName": "Wartian Herkku",
"ToDate": "1996-07-29"
}, {
"OrderID": "10267",
"FromDate": "1996-07-29",
"CustomerID": "FRANK",
"ShipName": "Frankenversand",
"ToDate": "1996-08-02"
},
// many more objects...
]
}
$(document).ready(function() {
$("#jqGrid").jqGrid({
url: "index.jsp",
data: data,
datatype: "json",
styleUI: "Bootstrap",
colModel: [{
label: 'Order ID',
name: 'OrderID',
key: true,
width: 75,
hidden: true
}, {
label: 'From Date',
name: 'FromDate',
width: 150,
editable: true,
edittype: "text",
id: "ui-datepicker-div",
editoptions: {
dataInit: function(element) {
$(element).datepicker({
autoclose: true,
format: 'yyyy-mm-dd',
orientation: 'auto bottom'
});
},
},
}, {
label: 'To Date',
name: 'ToDate',
width: 150,
editable: true,
edittype: "text",
editoptions: {
dataInit: function(element) {
$(element).datepicker({
autoclose: true,
format: 'yyyy-mm-dd',
orientation: 'auto bottom'
});
},
},
}, {
label: 'Customer ID',
name: 'CustomerID',
width: 150
}, {
label: 'Ship Name',
name: 'ShipName',
width: 200
}, {
label: 'Row Data',
name: 'RowData',
align: 'center',
formatter: function() {
return "<img src='resources/icon.jpg' onclick='OpenDialog(this)' alt='Data Row' />";
width = 15;
}
}, ],
loadonce: true,
onSelectRow: editRow,
viewrecords: true,
editurl: "JqGridServlet",
width: 780,
height: 200,
rowNum: 20,
rowList: [20, 30, 50],
rownumbers: true,
rownumWidth: 25,
multiselect: true,
pager: "#jqGridPager",
loadComplete: function() {
var $this = $(this),
ids = $this.jqGrid('getDataIDs'),
i;
for (i = 0; i < ids.length; i++) {
$this.jqGrid('editRow', ids[i]);
}
}
});
$('#jqGrid').navGrid("#jqGridPager", {
edit: false,
add: true,
del: false,
refresh: true,
view: false
});
});
当我把数据放在外部文件中时,它是有效的,但当我把它放在本地时,如上所述,它就不起作用了。如有任何帮助,我们将不胜感激。
在本地加载数据时,需要删除url
属性。您还需要将dataType
设置为local
,并将data.rows
数组直接提供给data
属性。试试这个:
$("#jqGrid").jqGrid({
data: data.rows,
datatype: 'local',
// the rest of your code...
相关文章:
- 如何将json数据显示为html
- 解耦按钮(两个按钮同时切换),并根据数据显示相应的按钮
- 将json提要数据显示为html
- 使用Ajax Get方法将数据显示到特定元素中
- 如何将数据显示为线性highChart
- Json显示来自网站的数据显示仅未定义
- 使 ajax 请求和成功数据显示在 id <选择>选择>部分中
- 在按钮单击时将图像URL数据显示到弹出框中,而无需禁用背景
- 如何在循环中将 json 数据显示为 HTML
- 如何使用javascript在html中将firebase数据显示为列表
- PHP同时循环数组数据显示到javascript中
- 原始图像数据显示
- 如何在 y 轴上将数据显示为 KB、MB、GB、TB
- Ajax 数据显示在包含 10 行的表中
- 如何让 Mathjax.js 与 ANCII.js 将附加的 json 数据显示为正确的公式
- 调用 Worklight 适配器并将列表视图中的 JSON 数据显示为字符串
- Jquery/Javascript Datatables : 如何在行选择时将行数据显示到 html 文本字段中
- 双击 td 时,如何在警告框中将数据库中的数据显示为 html 表
- 日期之间的数据显示所有头
- 如何使用模板中的数据显示谷歌地图