2013-12-11 6 views
0

내 SlickGrid가 내 페이지에 데이터를 표시하지 않습니다. 콘솔을 검사하면 결과가 채워집니다. 그리드에는 열의 헤더가 표시됩니다. 데이터가없는 이유는 누구나 알 수 있습니까? example과 똑같은 것처럼 보입니다.SlickGrid에 데이터가 표시되지 않습니다.

var grid; 
var columns = [ 
      { id: "BO", name: "BO", field: "BO" }, .... 
]; 

var options = { 
    enableCellNavigation: true, 
    enableColumnReorder: false 
}; 

$(function() 
    $.ajax({ 
     url: "DataService.svc/DoWork", 
     type: "POST", 
     contentType: "application/json", 
     dataType: 'json', 
     success: loadData, 
     error: function(jqXHR, exception) { 
       alert(jqXHR.responseText); 
     } 
    }); 

}); 

function loadData(result) { 

    console.log(result); 
    grid = new Slick.Grid("#myGrid", result, columns, options); 
} 

HTML :

<asp:Content ID="Content1" ContentPlaceHolderID="Title" runat="server"> 
    <link href="Content/slick.grid.css" rel="stylesheet" /> 
    <script src="Scripts/jquery-1.7.2.min.js"></script> 
    <script src="Scripts/jquery.event.drag.js"></script> 
    <script src="Scripts/SlickGrid/slick.core.js"></script> 
    <script src="Scripts/SlickGrid/slick.grid.js"></script> 
    <script src="Scripts/EditFeed.js"></script> 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="contentHolder" runat="server"> 
    <div id="myGrid" style="width:1200px;height:500px;"></div> 
</asp:Content> 

{enter image description here

편집 : 당신이 result.d 선택하면 enter image description here

+1

콘솔에있는 잡히지 않은 구문 오류는 무엇입니까? – ghiscoding

+0

전체 솔루션을 검색하더라도이 웹 사이트를 찾지 못하는 것 같습니다. 이 오류는 Slickgrid 파일에서 비롯된 것 같습니다. Nuget으로 Slickgrid를 추가하기 전까지는이 오류가 없었습니다. – Freddy

답변

0
function loadData(result) { 

    console.log(result); 
    grid = new Slick.Grid("#myGrid", result.d, columns, options); 
} 

당신은 매끄러운 그리드 받아들이는 개체를 얻을 것이다.

관련 문제