如何向 ExtJS 网格添加空行？

Question

我有带分页的网格。每页最多 10 行。像这样：

我在 CSS 中为 .x-grid3-scroller 选择器设置渐变背景。一切都很好，DirectStore 中有 10 件商品。但如果项目少于 10 个，我就会遇到这个问题：

如果为 .x-grid3-scroller 设置条纹背景，则列中将没有边框。

如何向网格添加空行以使网格适合底部？

Answer 1

商店加载后（使用 load 侦听器）检查有多少条记录（getCount() 方法）并添加（add() 方法） 10 - store.getCount() 空记录。

store.on('load', function(store) {
  var records = new Array();
  for(var i = 10 - store.getCount(); i > 0; i--) {
     records.push(new store.recordType(/*you might need to provide default data here*/))
  }
  store.add(records);
});