【问题标题】:Data shows in dojo dgrid only with renderArray数据仅使用 renderArray 在 dojo dgrid 中显示
【发布时间】:2016-11-18 08:12:44
【问题描述】:

使用以下代码片段,网格仅显示列标题。为了显示数据,我需要添加最后一行。为什么需要 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);

【问题讨论】:

  • 你使用的是什么版本的 dgrid?
  • 版本信息可以在附加包部分找到 (developers.arcgis.com/javascript/3/jshelp/whats_new.html)。确保您使用的是dstore\Memory 而不是dojo\store\Memory。另外,需要调用startup方法grid.startup()。
  • @TKambi 感谢您的链接。所以根据 Esri 文档,我使用的 dgrid 版本是 1.1.0。我确认我正在使用 dstore/Memory。调用 grid.startup() 并没有解决问题。

标签: javascript dojo dgrid dstore


【解决方案1】:

您使用的是哪个版本的 API?我只是将您的代码复制/粘贴到引用 4.1 API 的 JSFiddle 中,它似乎工作得很好:

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

【讨论】:

  • 添加 css 以获得更好的样式 => New Fiddle
  • @Steve 我正在通过 获得道场
【解决方案2】:

回答我的问题:引用 dgrid1 目录而不是 dgrid。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-24
    • 1970-01-01
    相关资源
    最近更新 更多