2016-09-28 54 views
0

私のデータを表示するためにjqGridを取得できません。ヘッダーをクリックすると、テーブルの下部を表示するレコードが表示されませんが、そうでないことはわかります。私が表示しようとしているJsonはURLから来ており、そのURLのJsonはgolangを使ってmysqlデータベースから引き出されています。私はJquery jqGridバージョン4.4.3を使用しています。jqGridにデータがありません

これはこれは、MySQL DBから引き出され、私は

([{"address":"178795010","client_id":null,"expire":"2016-09-26 16:56:32","fqdn_fwd":"1","fqdn_rev":"1","hostname":"vagrant-20009.ipam.bskyb","hwaddr":"0800272022E6","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"178795011","client_id":null,"expire":"2016-09-26 16:58:48","fqdn_fwd":"1","fqdn_rev":"1","hostname":"vagrant-18992.ipam.bskyb","hwaddr":"0800270FB593","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"178795012","client_id":null,"expire":"2016-09-26 17:13:55","fqdn_fwd":"1","fqdn_rev":"1","hostname":"dhcp-client1.ipam.bskyb","hwaddr":"0800275EA5B9","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"178795013","client_id":null,"expire":"2016-09-26 16:56:17","fqdn_fwd":"1","fqdn_rev":"1","hostname":"vagrant-10873.ipam.bskyb","hwaddr":"0800275FCA93","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"178795018","client_id":null,"expire":"2016-09-26 17:06:16","fqdn_fwd":"1","fqdn_rev":"1","hostname":"vagrant-24830.ipam.bskyb","hwaddr":"080027707E62","state":"0","subnet_id":"500","valid_lifetime":"4000"},{"address":"3232250120","client_id":null,"expire":"2016-09-26 16:17:15","fqdn_fwd":"1","fqdn_rev":"1","hostname":"bobtheblob7.ipam.bmarkskyb","hwaddr":"080027063AD9","state":"0","subnet_id":"12","valid_lifetime":"100"},{"address":"3232250122","client_id":null,"expire":"2016-09-26 16:17:22","fqdn_fwd":"1","fqdn_rev":"1","hostname":"bobtheblob8.ipam.bmarkskyb","hwaddr":"800027A5E27A","state":"0","subnet_id":"12","valid_lifetime":"100"}]); 
を呼び出していますURLに表示されるJSONでテーブルを表示するためのコードと機能

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<script type="text/ecmascript" src="jquery/js/jquery-1.7.2.min.js"></script> 
<script type="text/ecmascript" src="jquery/js/i18n/grid.locale-en.js"></script> 
<script type="text/ecmascript" src="jquery/js/jquery.jqGrid.min.js"></script> 
<link rel="stylesheet" type="text/css" media="screen" href="jquery/css/ui.jqgrid.css"/> 
<link rel="stylesheet" type="text/css" media="screen" href="jquery/css/jquery-ui.css" /> 

<meta http-equiv="content-type" content="text/html" charset="UTF-8"> 
<title>IPAM</title> 




</head> 
<body> 

<table id="jqGrid"></table> 
<div id="jqGridPager"></div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#jqGrid").jqGrid({ 
     url:'http://localhost:1323/api/v1/leases', 
     mtype: "GET", 
     datatype: 'jsonString', 
     jsonReader:{ 
      repeatitems: false, 
      id: "address", 
      }, 
     colModel: [ 
      {label: 'address', index:'address', key: true, width: 100}, 
      {label: 'client_id', name:'client_id', width: 150}, 
      {label: 'expire', name:'expire', width: 150}, 
      {label: 'fqdn_fwd', name:'fqdn_fwd', width: 150}, 
      {label: 'fqdn_rev', name:'fqdn_rev', width: 150}, 
      {label: 'hostname', name:'hostname', width: 150}, 
      {label: 'hwaddr', name:'hwaddr', width: 150}, 
      {label: 'state', name:'state', width: 150}, 
      {label: 'subnet_id', name:'subnet_id', width: 150}, 
      {label: 'valid_lifetime', name:'valid_lifetime', width: 150}, 
     ], 
     page: 1, 
     scroll: 1, 
     viewrecords: true, 
     width: 780, 
     height: 250, 
     rowNum: 20, 
     pager: "#jqGridPager" 
    }); 

}); 



</script> 




</body> 
</html> 

と私のHTMLページです

+0

あなたは**同じWebサイトからデータ**を使用しようか?この場合、URLから 'http:// localhost:1323'という接頭辞を削除してください。次の問題: 'datatype: 'jsonString''は間違っています。サーバーからデータをロードする場合は、 'datatype: 'json''を使用する必要があります。 'scroll:1'の使用は推奨されませんが、' loadonce:true'はおそらく必要なものです。別の推奨事項:レトロなバージョン4.4.3は使用しないでください。これは長い間サポートされていません。 4.4.3と互換性のあるjqGridの[free jqGrid](https://github.com/free-jqgrid/jqGrid)フォークを開発します。無料のjqGridにアップグレードすることをお勧めします – Oleg

+0

無料のjqGridの使用方法の最初の手順は、[here](http://free-jqgrid.github.io/getting-started/index.html)を参照してください。 [wiki](https://github.com/free-jqgrid/jqGrid/wiki)および公開されているすべてのバージョンのreadmesは、追加情報を提供します。 – Oleg

+0

@Olegアドバイスありがとう、私は今ブラウザのページを読み込むときにこのエラーが発生しています:parsererror:エラー:jQuery112402678749294365155_1475059615993が成功したとは言われていませんでした – computerNoob

答えて

0

あなたのjqgrid構成

0に

mtype: "GET", 
datatype: "jsonp", 

を設定する必要があります

作業のデモ:

http://jsfiddle.net/dipakthoke07/vwb1c0mk/76/

+0

@computerNoobデモに示すように設定してください。 –

+0

私が正しいとすれば、あなたが優しく与えたデモは、URLから来ていないデータを表示することです、私の目的は、グリッドにURLからデータを取り込むことです。それが明確でない場合、または回答から何かが欠けている場合は、謝罪してください。 – computerNoob

+0

あなたは "colNames"を設定していません。 –

関連する問題