将jqgrid与res-api结合使用

using jqgrid with res-api

本文关键字：结合 res-api jqgrid      更新时间：2023-09-26
你好，我试着了解jqgrid。

不知怎么的，我编写的代码不起作用。我阅读了描述并按照说明进行操作，但我无法获得在表中显示的数据。我的代码像这个

<div style="margin-left:20px">
    <table id="jqGrid"></table>
    <div id="jqGridPager"></div>
</div>

$(document).ready(function () {
  $("#jqGrid").jqGrid({
    url: 'http://interview.kargo.co.id/api.html',
    mtype: "GET",
    styleUI : 'Bootstrap',
    datatype: "jsonp",
    colModel: [
      { label: 'id', name: 'id', key: true, width: 75 },
      { label: 'vehiclegroup__name', name: 'vehiclegroup__name', width: 150 },
      { label: 'destination__name', name: 'destination__name', width: 150 },
      { label: 'departure__name', name: 'departure__name', width: 150 },
      { label:'metric', name: 'metric', width: 150 },
      { label:'start_date', name: 'start_date', width: 150 },
      { label:'end_date', name: 'end_date', width: 150 },
      { label:'price', name: 'price', width: 150 },
      { label:'loadcap__name', name: 'loadcap__name', width: 150 }
    ],
    viewrecords: true,
    height: 250,
    rowNum: 20,
    pager: "#jqGridPager"
  });
});

是因为http://interview.kargo.co.id/api.html，是api文件吗？请帮我

url的响应的Content-Type是text/html。这就是数据未加载的原因。

我之前没有使用jqGrid。所以帮不了你多少。我认为你可以像下面这样单独加载数据：

var data = $.getJSON('http://interview.kargo.co.id/api.html')

并使用此示例(Loading Data>Array Data(将其绑定到jqGrid。

相关文章：