2016-07-19 3 views
0

안녕하세요 jqgrid에 대해 배우려고합니다.res-api로 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의 응답의

+0

제공중인 'url'이 (가) 데이터를 반환하지 않습니다. 데이터를 몸체에 출력하는'html' 페이지입니다. –

+0

어떻게 데이터를 가져 오는가? 스크립트를 변경하면 데이터를 가져 오는 다른 방법이 있습니까? –

답변

0

Content-Type 도와주세요 text/html입니다. 그래서 데이터가로드되지 않습니다.

이전에는 jqGrid를 사용하지 않았습니다. 그래서 너를 많이 도울 수 없어.

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

을하고있는 jqGrid에 바인딩하는 this example (Loading Data>Array Data)를 사용 : 나는 당신이 별도로 다음과 같은 데이터를로드 할 수 있다고 생각합니다.