2016-11-18 98 views
0

使用以下代碼片段,網格僅顯示列標題。爲了顯示數據,我需要添加最後一行。數據顯示在網格中爲什麼需要renderArray?dojo dgrid中的數據僅與renderArray

 var data = [ 
      { first: 'Bob', last: 'Barker', age: 89 }, 
      { first: 'Vanna', last: 'White', age: 55 }, 
      { first: 'Pat', last: 'Sajak', age: 65 } 
     ]; 
     var store = new Memory({ data: data }); 
     var grid = new OnDemandGrid({ 
      collection: store, 
      columns: { 
       first: 'First Name', 
       last: 'Last Name', 
       age: 'Age' 
      } 
     }); 
     grid.startup(); 
     //grid.renderArray(data); 
+0

您使用的是什麼版本的dgrid? –

+0

版本信息可以在其他軟件包部分找到(https://developers.arcgis.com/javascript/3/jshelp/whats_new.html)。確保你使用的是'dstore \ Memory'而不是'dojo \ store \ Memory'。另外,你需要調用** startup **方法'grid.startup()'。 –

+0

@TKambi感謝您的鏈接。所以根據Esri文檔,我使用的dgrid版本是1.1.0。我證實我正在使用dstore/Memory。調用grid.startup()沒有解決問題。 – ami

回答

0

您使用的是哪個版本的API?我只是複製/粘貼你的代碼放到一個的jsfiddle引用4.1 API,它似乎只是很好地工作:

https://jsfiddle.net/shenningsgard/udxkuqr1/3/

HTML:

<div id="myGrid"></div> 

JS:

require(['dgrid/OnDemandGrid', 'dstore/Memory'], function(OnDemandGrid, Memory) { 

    var data = [{ 
    first: 'Bob', 
    last: 'Barker', 
    age: 89 
    }, { 
    first: 'Vanna', 
    last: 'White', 
    age: 55 
    }, { 
    first: 'Pat', 
    last: 'Sajak', 
    age: 65 
    }]; 
    var store = new Memory({ 
    data: data 
    }); 
    var grid = new OnDemandGrid({ 
    collection: store, 
    columns: { 
     first: 'First Name', 
     last: 'Last Name', 
     age: 'Age' 
    } 
    }, 'myGrid'); 
    grid.startup(); 
}); 

結果:

First Name Last Name Age 
Bob   Barker  89 
Vanna  White  55 
Pat   Sajak  65 
+0

添加css以獲得更好的樣式=> [New Fiddle](http://jsfiddle.net/bRIMOs/udxkuqr1/4/) –

+0

@Steve我通過 ami

0

回答我的問題:引用dgrid1目錄而不是dgrid。